Agent skills for Windsurf (legacy)

Scaffolds enterprise-grade React 19 and Ant Design v6 admin applications in an NX and Yarn Berry monorepo workspace.

React Aria (Adobe) accessible component patterns for building WCAG-compliant interactive UI with hooks.

Review React and React Native code structure using contextual rules for ownership, data access, UI-to-code mapping, composition, naming…

Debug React issues systematically. Use when encountering component errors like "Cannot read property of undefined", infinite re-render…

Use when building HTML email templates with React components, rendering emails to HTML, adding a visual email editor, or sending emails…

This skill is loaded by frontend-developer when: - package.json contains "react" dependency (≥18.0.0) - Project has .jsx or .tsx files in…

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

Provides React patterns for hooks, effects, refs, and component design.

React Native cross-platform mobile apps with navigation, state management, native features.

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

Master React Native 0.79.5 components, styling, performance optimization, and mobile UI best practices with real-world examples.

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development.

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

Expert guidance on React Native development including New Architecture (Fabric, TurboModules, JSI, Codegen, Bridgeless), Expo SDK 52+…

Resumes interrupted React Native development pipelines by restoring state after rate limits, manual interventions, or errors.

Logging, error messages, and debugging patterns for React.

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

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

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

Build React-hosted 3D browser games with React Three Fiber.

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…