Agent skills for Windsurf (legacy)

Expert in React Native environment setup and configuration.

Set up Storybook for React Native in Expo, React Native CLI, or Re.Pack projects.

Create and edit React Native Storybook stories using Component Story Format (CSF).

React and Next.js-specific analysis: hooks rules violations, stale closures, unstable references, hydration mismatches, server/client…

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

TanStack Query (React Query) patterns for server state management, caching, mutations, optimistic updates, and infinite queries.

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

React render performance patterns including React Compiler integration, memoization strategies, TanStack Virtual, and DevTools profiling.

Reviews React Router code for proper data loading, mutations, error handling, and navigation patterns.

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

React Router v7 best practices for data-driven routing.

React Server Components, Suspense boundaries, streaming SSR, partial prerendering patterns for Next.js App Router.

Use when building Next.js 16+ apps with React Server Components.

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

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

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

React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes.

Setup react-three-fiber (R3F) with drei for 3D graphics and WebGL scenes.

Use React/React Native code as the source of truth and implement the equivalent feature in iOS/Swift.