Agent skills for VS Code

Deep integration with React Native ecosystem for cross-platform mobile development

Full 8-phase React Native feature development pipeline — discovery, codebase exploration, clarifying questions, architecture…

React Native and Expo patterns for building performant mobile apps.

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

Local and global state patterns with Context, Zustand, and Redux Toolkit.

Use when working with React Native Web projects.

Use when styling React Native Web components.

React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.

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

Use when React performance optimization including memoization, lazy loading, and virtualization.

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

Build Progressive Web Apps with React and Vite.

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

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

React Router v7 best practices for data-driven routing.

This skill should be used when the user asks about "Server Components", "Client Components", "'use client' directive", "when to use server…

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…

Use when writing, reviewing, or refactoring React component tests with Testing Library.

React Testing Library patterns, queries, user events, and accessibility testing.