Agent skills

When to activate: ARIA, keyboard navigation, focus management, screen readers, accessible forms, skip links, live regions

When to activate: render props, HOC, headless components, suspense, concurrent mode, portals, forwardRef, imperative handles

Use this skill to clean up a React component.

Guidelines for writing React components.

Diagnose and fix React codebase health issues.

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…

Streams React Native 0.77+ console logs and network activity to the terminal using Chrome DevTools Protocol WebSockets.

React Native and Expo app patterns — Expo Router navigation, state separation (server/client/route/form), TanStack Query data fetching…

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…

When to activate: React performance optimization, bundle size, code splitting, lazy loading, profiler, memoization, concurrent features

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

Use destructured props in React component function parameters for better readability and type safety.

Audit React Query usage for best practices — key factories, staleTime, mutations, and server state ownership

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

React Router v7/v8 patterns with Clerk — rootAuthLoader, getAuth in loaders,

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

When to activate: React Server Components, RSC, client boundary, streaming, Suspense, data fetching in RSC, server actions

React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider

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