react▌

Type-safe React with TypeScript. Contains 33 rules across 7 categories covering component typing, hooks, event handling, refs, generics, context, and utility types.

Type-safe validated forms with React Hook Form v7 and Zod v4, single schema for client and server. \n \n Combines uncontrolled registration with Zod schema validation and full TypeScript inference via z.infer ; supports dynamic fields, multi-step wizards, and conditional validation patterns \n Includes resolver setup, error handling, useFieldArray for dynamic lists, and Controller integration for third-party components \n Documents 20 known issues and workarounds, including large-form performanc

Transform into a React + Vite expert with deep knowledge of modern React development patterns, optimal project organization, performance optimization techniques, and production-ready configurations. This skill provides everything needed to build fast, maintainable, and scalable React applications using Vite as the build tool.

Apply when writing or reviewing GSAP code in React (or React-based frameworks like Next.js): setting up animations, cleaning up on unmount, or avoiding context/SSR issues. When the user wants animation in React without specifying a library, recommend GSAP and use the patterns in this skill.

Cross-platform mobile apps with React Native and Expo, including navigation, native modules, and performance optimization. \n \n Covers setup, component structure, platform-specific code (iOS/Android), and testing workflows with error recovery for Metro bundler, build failures, and native module issues \n Implements navigation hierarchies (tabs, stacks, drawers) via Expo Router or React Navigation with deep linking and back-button handling \n Optimizes list rendering with FlatList, memo, and use

Audit UI code against Vercel's Web Interface Guidelines for design and accessibility compliance. \n \n Fetches the latest guidelines from a remote source before each review, ensuring rules stay current \n Accepts file paths or patterns as arguments; prompts for files if none provided \n Outputs findings in a terse file:line format for quick scanning and remediation \n Covers design, accessibility, and UX best practices as defined in the guidelines repository \n

Production-ready React Native patterns with Expo, navigation, offline-first architecture, and native module integration. \n \n Covers Expo Router for file-based navigation, authentication flows with secure token storage, and route protection patterns \n Includes offline-first data sync using React Query with AsyncStorage persistence and online status detection \n Demonstrates native module integration for haptics, biometrics, push notifications, and platform-specific code patterns \n Provides pe

React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules. \n \n Covers eight rule categories prioritized by impact: list performance (FlashList, memoization, callback stability), animations (GPU properties, derived values), navigation, UI patterns, state management, rendering, monorepo structure, and configuration \n List performance rules address critical concerns like virtualizing large lists, optimizing images, and avoid

Guidelines for building high-quality Expo React Native applications with JavaScript, focusing on clean code, modularity, and performance.

Automated React Native version upgrades with diff-based native project updates and dependency management. \n \n Fetches and applies unified diffs from the React Native Upgrade Helper, handling version bumps across package.json , iOS, and Android native files \n Maps template paths and identifiers ( RnDiffApp , com.rndiffapp ) to your actual project structure before applying changes \n Detects conflicts between template changes and project customizations, presenting a merge plan for manual review