Agent skills for VS Code

Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups.

Guidance for structuring frontend feature code as vertical feature-first slices (src/features/<feature>/...) instead of global technical…

Reviews React Flow code for anti-patterns, performance issues, and best practices.

Implements React Flow node-based UIs correctly using @xyflow/react.

Build type-safe validated forms in React using React Hook Form and Zod schema validation.

Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.

Strict patterns for React Native component creation with GlueStack UI v1 themed components.

Diagnoses and resolves complex React Native and Expo issues including white screens, Firebase connectivity, and performance bottlenecks.

Automates the creation of comprehensive NativeWind-based design systems and UI specifications for React Native applications.

Use when working with react-native-skills tasks or workflows

Best practices for React/Next.js projects: component splitting, data fetching, performance, bundles, RSC, hydration, and routing.

React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices…

Set up and use react-pixel-overlay, ART+COM's PerfectPixel-style design overlay for React apps — it renders exported design images (e.g.

Build React applications with Remix — loaders, actions, hooks, Server/Client Components, nested routes, error boundaries, form handling…

Build applications with React Router in Framework, Data, Declarative, and unstable RSC modes.

When to activate: TanStack Router, React Router v6, file-based routing, route loaders, search params, type-safe navigation

React component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with axe, and the…

React Three Fiber (R3F) and Poimandres ecosystem best practices.

Build interactive 3D experiences in React using react-three-fiber (R3F), drei helpers, and shader integration.

Core transformation engine for React-to-SolidJS conversion.

Guidance for writing or reviewing React unit tests — test observable behavior via Testing Library queries (role/label/text over test-id)…