frontend▌

Accessible React component library built on Tailwind CSS v4 and React Aria with compound component patterns. \n \n Provides 20+ pre-built components (Button, Modal, Form, Card, TextField, etc.) using compound composition syntax ( Card.Header , Card.Content ) \n Requires Tailwind CSS v4 and uses CSS variables with oklch color space for theme customization; no provider wrapper needed in v3 \n Semantic variant system ( primary , secondary , tertiary , danger , ghost , outline ) for consistent inten

REST and GraphQL API design principles for building scalable, developer-friendly APIs. \n \n Covers resource-oriented REST patterns including HTTP method semantics, URL design, pagination, filtering, and error handling with consistent status codes \n Includes GraphQL schema-first development with type definitions, resolver patterns, Relay-style pagination, and DataLoader implementation for N+1 prevention \n Provides versioning strategies (URL, header, query parameter) and HATEOAS patterns for hy

Map Vue.js and Nuxt requirements to 200+ VueUse composables for concise, maintainable implementations. \n \n Covers state management, DOM elements, browser APIs, sensors, networking, animations, components, watchers, reactivity, arrays, time utilities, and integrations with Firebase, Electron, RxJS, and more \n Each composable includes invocation rules (AUTO, EXTERNAL, EXPLICIT_ONLY) to guide when and how to apply it; consult reference docs for usage details and type declarations \n Automaticall

GPUI provides a comprehensive testing framework that allows you to test UI components, async operations, and distributed systems. Tests run on a single-threaded executor that provides deterministic execution and the ability to test complex async scenarios. GPUI tests use the #[gpui::test] attribute and work with TestAppContext for basic testing and VisualTestContext for window-dependent tests.

You can start and use Codex TUI to verify changes. \n Important notes: \n Start interactively.\nAlways set RUST_LOG=\"trace\" when starting the process.\nPass -c log_dir=<some_temp_dir> argument to have logs written to a specific directory to help with debugging.\nWhen sending a test message programmatically, send text first, then send Enter in a separate write (do not send text + Enter in one burst).\nUse just codex target to run - just codex -c ...

I help you design effective data visualizations by recommending the right chart types, generating configurations for popular charting libraries, and applying data visualization best practices.

Create and edit professional PDF reports and funding proposals with live preview and iterative design.

$23

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view

React PDF renderer that generates PDF documents from JSON specs using @react-pdf/renderer.