AI Agent Skills

Guides designing the control loop, state/memory model, and tool boundaries for an LLM-driven agent. Use when a user asks to "design an agent architecture," choose betwee…

Use when migrating a React Native project to the Strict TypeScript API — the default JavaScript API from React Native 0.87, available as an opt-in preview since 0.80. Ha…

Use when upgrading react-native to a newer version. Handles version bumps, native project changes (Android/iOS), dependency updates, and breaking change migration. Invok…

Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type c…

Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the out…

Creates accurate frontend implementations from visual references while maintaining design consistency. Use when user provides Figma URLs, screenshots, design images, req…

This skill should be used when the user asks to "build a frontend", "create a landing page", "add shadcn components", "install shadcn blocks", "set up shadcn", "add a he…

Investigate StatePort replay mismatches or test frontend behavior with request remaps, replay/block/local-live routes and JSON response overlays, then compare or restore…

Build and review accessible, responsive, design-system-aligned React components and screens. Use for JSX/TSX, semantic HTML, Tailwind, shadcn/ui, component APIs, forms,…

Implement and review animation in React/Next.js with a CSS-first approach and GSAP for complex timelines, scroll-driven animation, SVG, drag, or high-frequency motion. U…

Design, write, run, and review tests for React, Next.js, or Vite frontends. Use for Vitest/Jest, React Testing Library, MSW, Playwright, E2E, accessibility testing, visu…