“react”

Crea o modifica componentes React accesibles y con estado predecible.

Structure React Three Fiber scenes with stable ownership, GLB loading, reusable resources and on-demand rendering; use when the frontend already uses React.

Vercel's React and Next.js performance rules (70 rules in 8 categories ordered by impact - eliminating waterfalls, bundle size, server-side performance…

Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation…

Write or modify React components in TypeScript, adapting to whatever state management, data fetching, styling, and routing the project already uses.

React Native mobile developer for iOS and Android apps including navigation, native components, FlatList optimization, and platform-specific code.

Run after making React changes to catch issues early.

Use for ReAct agents, tool-calling agents, dspy.ReAct, multi-step reasoning and acting, and GEPA agent optimization.

Run a strict ReAct loop with one action or one final answer per step.

Audits a Next.js (App Router, 14/15+) codebase for React Hook Form anti-patterns — watch() at form root, Controller inlined in parent, async submit without…

Implement smooth, native-feeling animations with React's View Transition API (`<ViewTransition>`, `addTransitionType`, CSS view-transition pseudo-elements).

Implement smooth, native-feeling animations with React's View Transition API (`<ViewTransition>`, `addTransitionType`, CSS view-transition pseudo-elements).

React Router v7 patterns with Clerk — rootAuthLoader, getAuth in loaders, clerkMiddleware, protected routes, SSR user data, org switching.

TypeScript and React coding conventions — strict typing, functional components, testing patterns.

Master skill for building, refactoring, and optimizing React 18/19 applications with modern hooks, TypeScript, component architecture, and state management.

Route the React and UI skills through the /bake that follows.

Cross-platform mobile development with React Native and Expo.

创建 React 组件时使用 — 脚手架组件、测试和 Storybook 文件

Generates production-ready React components with TypeScript, Tailwind CSS, proper accessibility, and test scaffolding.

Use when discussing React component design, hooks, state management, or rendering patterns.

React best practices for component design, state management, and Effect discipline.

React Native and Expo best practices for building performant mobile apps.

**IMPORTANT**: Any change to React or Next.js code must read through this skill first.

React-specific accessibility skill for WCAG 2.1 AA compliance, keyboard navigation, ARIA patterns, focus management, meaningful empty and error states…