Agent skills for Claude Desktop

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…

When to activate: React Testing Library, vitest, jest, component tests, user-event, MSW, accessibility queries, async testing

Diagnose and fix janky view transitions and animations in a React app — a fade or slide that stutters, content that lands in one lump, a…

React and Vite performance optimization guidelines.

Reads one exact durable Markdown document through its selected provider.