React skills for Claude Code

Give your agent expert React knowledge.

513 skills available

Official only

tldraw/tldraw

This skill generates a narrated PR walkthrough video with code-focused slides and audio, easing code review and onboarding for teammates.

frontend-design

vipulgupta2048/codex-skills

This skill helps you craft distinctive, production-grade frontend interfaces with bold aesthetics, accessible structure, and purposeful motion across

demo-producer

yonatangross/orchestkit

This skill helps you create polished demo videos for skills, tutorials, and CLI demos with templated, multi-format outputs.

animate

openclaw/skills

2.5k

This skill helps you implement cross-platform UI motion with accessible, testable contracts for Flutter, React, SwiftUI, Compose, and React Native.

coding-standards

affaan-m/everything-claude-code

46.5k

This skill helps teams enforce universal coding standards for TypeScript, JavaScript, React, and Node.js across projects.

fullstack-developer

shubhamsaboo/awesome-llm-apps

99.9k

This skill helps you build full-stack web apps quickly by guiding React, Next.js, Node.js, and databases with best practices.

dce-edge

vercel/next.js

138.1k

This skill guides safe, edge-compatible require patterns and DCE-friendly compilation in Next.js apps, improving edge builds and feature gating.

figma-d3-react-ts

corlab-tech/skills

This skill helps you build pixel-perfect D3 visualizations inside React/Next.js, matching Figma designs and validating visuals with Playwright.

storybook-rsbuild

rstackjs/agent-skills

This skill guides you to set up or migrate Storybook to Rsbuild across React, Vue, HTML, and more, ensuring proper integration and workflows.

refactoring-ui

wondelai/skills

108

This skill helps you apply Refactoring UI principles to create clean, scalable frontends with consistent spacing, typography, color, and depth.

senior-frontend

alirezarezvani/claude-skills

4.6k

This skill helps you scaffold frontend projects, optimize Next.js performance, analyze bundles, and enforce accessibility and quality for React apps.

stitch

brixtonpham/claude-config

This skill generates UI screens from text prompts, exports to React components, and creates DESIGN.md design systems to accelerate UI workflows.

tanstack-start

jezweb/claude-skills

472

This skill helps you build full-stack React apps with type-safe routing, SSR, and Cloudflare deployment, guiding migrations from Vinxi to Vite.

react-email

resend/react-email

18.1k

This skill helps you rapidly scaffold and preview React Email templates for transactional emails across clients.

remember-learnings

dyad-sh/dyad

19.7k

This skill autonomously reviews the session for errors and snags and updates AGENTS.md with actionable learnings to improve future runs.

react-patterns

srbhr/resume-matcher

26.1k

This skill helps optimize React and Next.js performance for local or docker deployments by applying Vercel best practices and patterns.

deploy-vercel

ominou5/funnel-architect-plugin

This skill deploys funnel pages to Vercel with CLI setup, framework detection, environment variables, and custom domain configuration to accelerate launches.

gtm-analytics-audit

aimonk2025/google-tag-manager-automation

This skill performs a comprehensive GA4 analytics audit on your codebase, identifying trackable elements and readiness gaps to accelerate tracking

babysit

a5c-ai/babysitter

249

This skill helps you implement Zustand state management with type-safe stores, slices, and middleware for scalable React apps.

ui-ux-pro-max-0.1.0

z980944038-dev/openclawwdl

This skill delivers polished UI/UX guidance and concrete code-ready outputs for layouts, tokens, and accessibility across web stacks.

frontend-design

steveclarke/dotfiles

This skill helps you craft distinctive, production-grade frontend interfaces with bold aesthetics, polished code, and meticulous attention to typography,

update-provider-models

vercel/ai

22.3k

This skill updates provider model IDs by adding new IDs or removing obsolete ones across the AI SDK, ensuring consistent provider support.

agentation

supercent-io/skills-template

This skill helps you annotate UI elements for AI agents by capturing CSS selectors and component trees to target code precisely.

architecture-analysis

hubvue/skills

This skill analyzes frontend projects to identify frameworks, build tools, patterns, and quality metrics, delivering actionable insights for architecture

web-state-zustand

agents-inc/skills

This skill helps you decide when to use Zustand for shared UI state versus useState for local state, ensuring clean architecture.

near-dapp

near/agent-skills

This skill guides you to create NEAR dApps, integrate wallet connections, and build frontend interactions for NEAR smart contracts.

media

danielmiessler/personal_ai_infrastructure

10.0k

This skill helps you create professional videos programmatically with Remotion using React compositions, animations, and render automation.

webflow-code-components

224-industries/webflow-skills

This skill helps you build, define, and import Webflow React code components using DevLink for seamless canvas integration.

check-refine-trpc

forge-town/skills

This skill identifies components that directly use trpc or react-query hooks and guides replacing them with refine hooks for consistent data access.

tanstack

tenequm/claude-plugins

This skill helps you build type-safe React apps with TanStack Query, Router, and Start, enabling server state, routing, and SSR.

add-sfx

remotion-dev/remotion

38.1k

This skill helps you add a new sound effect to the Remotion SFX library by guiding integration from remotion.media and exporting for use.

react-native-best-practices

storybookjs/react-native

1.3k

This skill helps you optimize React Native apps by applying proven performance guidelines for FPS, TTI, bundle size, and memory management.

frontend-ui-skill

scientiacapital/skills

This skill helps audit and build enterprise SaaS UIs with Tailwind v4, shadcn/ui, and Next.js/Vite while ensuring accessibility and performance.

remotion-render

inference-sh/skills

106

This skill renders Remotion TSX code into MP4 videos via inference.sh, enabling automated, programmable video generation from React components.

react-effects-audit

fusengine/agents

This skill audits React code for unnecessary useEffect patterns, flags anti-patterns, and suggests fixes with severity levels.

inertia-react-development

openagentsinc/openagents

364

This skill helps you build Inertia.js v2 React applications, enabling pages, forms, and navigation with deferred props, prefetching, and polling.

Page 1 of 15

Next.js Remix Frontend Tailwind CSS TypeScript