React skills for Claude Code

Give your agent expert React knowledge.

381 skills available

Official only

thunderboltdev/shadcn-baseui

This skill enforces Base UI patterns in shadcn/ui projects, preventing incorrect Radix UI guidance and ensuring render prop usage.

remotion-video-toolkit

shreefentsar/remotion-video-toolkit

This skill helps you generate production-ready Remotion videos by composing React components, animations, and data-driven rendering pipelines.

remotion

google-labs-code/stitch-skills

1.8k

This skill generates Remotion walkthrough videos from Stitch screens, applying smooth transitions, zoom effects, and contextual text overlays for engaging

pwa-development

jwynia/agent-skills

This skill helps you implement Progressive Web App features for React and Svelte, enabling offline support, service workers, and installable web apps.

figma-implement-design

openai/skills

8.6k

This skill translates Figma designs into production-ready code with pixel-perfect fidelity using MCP workflows and design-system mapping.

gsap

noklip-io/agent-skills

This skill helps you implement web animations with GSAP for tweens, timelines, and scroll-based effects across components and pages.

use-ai-sdk

vercel/ai

21.9k

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

react-best-practices

georgekhananaev/claude-skills-vault

This skill helps you optimize React and Next.js performance by applying high-impact best practices across components, pages, and data fetching.

12-principles-of-animation

raphaelsalaja/userinterface-wiki

253

This skill analyzes TypeScript animation code against Disney's 12 web principles, reporting file:line findings to improve motion quality.

copycat

uzhussain/copycat

This skill inventories a Next.js app's public and authenticated views, confirms view names with you, and plans a shadcn-based clean platform scaffold.

ui-ux-pro-max-2

openclaw/skills

1.2k

This skill helps you design and implement exceptional UI/UX across dashboards, landing pages, and mobile apps with data-driven guidance.

add-expert

remotion-dev/remotion

37.2k

This skill helps you add a new expert to the Remotion experts page by updating images, metadata, and generated cards.

vercel-react-best-practices

lobehub/lobehub

72.4k

This skill applies Vercel React and Next.js best practices to optimize performance in components, pages, and data fetching.

vercel-composition-patterns

yldgio/codereview-skills

This skill guides React developers in refactoring with composition patterns to reduce boolean props and build scalable, reusable component APIs.

tanstack-router

tenequm/claude-plugins

This skill helps you implement type-safe React routing with TanStack Router, enabling file-based routing, loaders, and safe navigation.

react-effects-audit

fusengine/agents

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

check-workflows

dyad-sh/dyad

19.6k

This skill analyzes the past day's GitHub Actions workflow runs to detect actionable failures and open issues for remediation.

inertia-react-development

openagentsinc/openagents

363

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

dust-writing-react-effects

dust-tt/dust

1.3k

This skill guides writing React components to avoid unnecessary useEffect by deriving state during render and avoiding effect-driven updates.

dashboard-builder

qwenlm/qwen-code-examples

This skill helps you build professional data visualization dashboards with Next.js, Tailwind, and Recharts, delivering fast UI and live analytics.

react

williamzujkowski/standards

This skill helps you enforce React frontend standards across hooks, state management, performance, testing, and accessibility for modern SPAs.

inertia-rails

renzo4web/automaton

This skill helps you manage Inertia.js in Rails with React, guiding responses, redirects, forms, and props across controllers and components.

perf-virtual-lists

dbobkov245-source/pwa-torserve

This skill optimizes performance for virtualized lists on Android TV by applying React Window techniques and overscan, ensuring smooth 60FPS.

material-component-doc

bytedance/flowgram.ai

7.7k

This skill guides and automates FlowGram material component documentation, including source tracing, story creation, and multilingual translation workflows.

ant-design

ant-design/antd-skill

This skill helps you select Ant Design components and theming strategies for a performant, accessible SSR React app using v6 and Pro/X patterns.

chachamaru127/claude-code-harness

181

This skill generates UI components and feedback forms, ensuring accessibility and visual polish while aligning with design constraints for error-free

workleap-telemetry-v2

workleap/wl-telemetry

This skill helps frontend developers initialize wl-telemetry, correlate telemetry IDs across Honeycomb LogRocket and Mixpanel, and troubleshoot unified

create-ryos-app

ryokun6/ryos

1.1k

This skill helps you scaffold ryOS applications by creating structured directories, components, hooks, and metadata following established patterns.

tw-react-components

bacali95/tw-react-components

This skill helps you build polished React dashboards using tw-react-components with TailwindCSS, providing ready-made UI, hooks, and layout patterns.

agora-dev-skill

jayalbo/agora-dev-skill

This skill helps Agora developers generate production-ready code, troubleshoot, and implement cloud recording, media push/pull, and AI agents across web and

book-translation

f/prompts.chat

145.3k

This skill translates The Interactive Book of Prompting content and UI strings into a target language, preserving structure and usability for multilingual

fluxui-docs-pro

tompec/fluxui-docs-skill

This skill helps you implement Flux UI Livewire components with Tailwind CSS across pages, cards, forms, and layouts.

frontend-design

jinfanzheng/kode-sdk-csharp

This skill helps you craft production-grade interactive interfaces with distinctive aesthetics using HTML/CSS/React components and motion.

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.

pr-walkthrough

tldraw/tldraw

45.2k

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

raw-app

windmill-labs/windmill

15.8k

This skill helps you scaffold and manage Windmill raw apps, enabling frontend backends and datatables with best practices.

Page 1 of 11

Next.js Remix Frontend Tailwind CSS TypeScript