“react”

React Native patterns for mobile app development with Expo and bare workflow.

Author the React + Quill implementation of a PostHog canvas: the single-component contract, the allowed imports, Quill (PostHog's design system) component and…

Provides one-command project creation for React Native including project initialization, configuration, and template generation.

Use when reading or writing React components (.tsx, .jsx files with React imports).

Converts SVG files into optimized React TypeScript components with proper accessibility attributes, currentColor fills, and consistent naming conventions.

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.

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.

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.

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

Scan React codebase for security, performance, correctness, and architecture issues.

Use when selecting React design, development, or UX principles for a task.