React skills for Claude Code

Give your agent expert React knowledge.

516 skills available

Official only

storybookjs/react-native

This skill helps you add and configure Storybook for React Native across Expo, React Native CLI, and Re.Pack projects, boosting component-driven development.

context7-mcp

upstash/context7

49.2k

This skill fetches up-to-date library documentation and generates code examples for frameworks like React, Next.js, Prisma, and Supabase.

frontend-design

vipulgupta2048/codex-skills

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

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.

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.

use-ai-sdk

vercel/ai

22.3k

This skill helps developers integrate and reason about the AI SDK to build agents, tools, and chat features efficiently.

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.

shadcn-ui

giuseppe-trisciuoglio/developer-kit

This skill guides you through setting up shadcn/ui, installing components, and building accessible, Tailwind-styled React UI patterns.

shadcn-ui

google-labs-code/stitch-skills

2.0k

This skill helps you discover, install, and customize shadcn/ui components in your project with best practices and zero runtime overhead.

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.

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.

frontend-design

pbakaus/impeccable

10.4k

This skill helps you design and implement distinctive production-grade frontend interfaces with polished aesthetics and creative detail.

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.

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.

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.

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.

pr-walkthrough

tldraw/tldraw

45.7k

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

claude-d3js-skill

xfstudio/skills

This skill guides creating interactive d3.js visualisations for custom charts, transitions, and complex SVGs across frameworks.

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.

shadcn

shadcn-ui/ui

110.0k

This skill helps you manage and apply shadcn/ui components and presets across projects, providing docs, usage examples, and consistent styling.

i-frontend-design

steveclarke/dotfiles

This skill helps you design and implement distinctive production-grade frontend interfaces with polished aesthetics and thoughtful interactions.

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.

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.

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-forms-react-hook-form

agents-inc/skills

This skill helps you build fast, type-safe React Hook Form patterns using useForm, Controller, useFieldArray, and resolver-based validation.

near-dapp

near/agent-skills

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

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-svg

forge-town/skills

This skill enforces SVG usage as isolated components imported from a central icons folder to improve maintainability and consistency.

react-typescript

tenequm/claude-plugins

This skill helps you build type-safe React 19 apps with TypeScript by applying patterns, editor tooling, and the React Compiler.

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.

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.

Page 1 of 15

Next.js Remix Frontend Tailwind CSS TypeScript