Framework

React agent skills for Claude Code, Codex and other agents.

JavaScript library from Meta for building component-based user interfaces for the web.
skills
1,654
official
96
Type
Framework
Website
react.dev
Official GitHub
reactjs, facebook

React skills, ranked

Ranked by score. Sort bymost stars,trending,newest,recently updated

React skills, ranked
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
1

Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.

anthropics/skills180k40 repos~769Automated safety check: PassApache-2.02 days ago
2

Rules for structuring React components with composition instead of boolean props, covering compound components, lifted state, variants and React 19 changes.

vercel-labs/openreview1.7k58 repos~721Automated safety check: PassMIT7 mo ago
3

Builds walkthrough videos from Stitch design projects using Remotion, with transitions, zoom effects and text overlays on each screen.

google-labs-code/stitch-skills8.4k6 repos~3.2kAutomated safety check: NotesApache-2.01 mo ago
4
4.AI SDKOfficial

Answer questions about the AI SDK and help build AI-powered features.

vercel-labs/ai-facts16821 repos~1.2kAutomated safety check: PassNo licence5 mo ago
5
5.Find SkillsOfficial

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities.

sanity-io/sanity6.4k67 repos~1.2kAutomated safety check: PassMITtoday
6

Guides implementing animated page and state transitions in React with the native View Transition API, covering shared elements, list reorders and directional navigation.

vercel-labs/next-beats16710 repos~3.1kAutomated safety check: PassMIT8 days ago
7

React and Next.js performance optimization guidelines from Vercel Engineering.

sanity-io/sanity6.4k130 repos~1.6kAutomated safety check: PassMITtoday
8

Fix newly added optional parameters, optional React props, and optional type/interface members in Remotion monorepo diffs by converting internal APIs to required nullable values and updating call…

remotion-dev/remotion62k—~1kAutomated safety check: PassUnknowntoday
9
9.React DevtoolsOfficial

React DevTools CLI for AI agents. An agent skill from sanity-io/sanity.

sanity-io/sanity6.4k3 repos~2.1kAutomated safety check: PassMITtoday
10

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

vercel-labs/openreview1.7k18 repos~1kAutomated safety check: PassNo licence7 mo ago
11
11.React ExpertOfficial

A skill your agent uses when researching React APIs or concepts for documentation.

reactjs/ar.react.dev1642 repos~2.7kAutomated safety check: PassCC-BY-4.02 days ago
12

Detects and fixes accessibility issues in React/Fluent UI webviews.

microsoft/vscode-cosmosdb200—~3.2kAutomated safety check: PassMITtoday
13

Builds podcast-style audio narration from text with Azure OpenAI's GPT Realtime Mini over WebSocket, from a Python FastAPI backend to a React player.

microsoft/skills3.1k1 repo~947Automated safety check: PassMITtoday
14

Apply pull-request review comments to the frontend of kotlinlang.org (Next.js, React, TypeScript, CSS Modules under blocks/, components/, pages/, hooks/, utils/, test/).

JetBrains/kotlin-web-site1.6k—~444Automated safety check: PassApache-2.0yesterday
15
15.Verify PROfficial

Verify PR readiness before requesting review or merging. An agent skill from Azure/LogicAppsUX.

Azure/LogicAppsUX114—~2.4kAutomated safety check: PassMITtoday
16
16.Canvas TemplatesOfficial

How PostHog "canvas" dashboards work end-to-end — the two rendering tiers (json-render vs freeform React-in-iframe), the agent system prompts that steer each, and the RIGHT way to fetch PostHog data…

PostHog/code179—~2.2kAutomated safety check: PassMIT2 mo ago
17
17.FrontendOfficial

React/Redux frontend development patterns for RedisInsight UI: component folder structure, styled-components, hooks, named exports, barrel files, layout components, and theme usage.

redis/RedisInsight8.9k—~3.2kAutomated safety check: PassUnknown2 days ago
18

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations.

microsoft/skills3.1k5 repos~3.6kAutomated safety check: PassMITtoday
19

A skill your agent uses when adding interactive RSC (React Server Components) code examples to React docs using <SandpackRSC, or when modifying the RSC sandpack infrastructure.

reactjs/ar.react.dev164—~2.1kAutomated safety check: PassCC-BY-4.02 days ago
20
20.Launch With AWSOfficial

Migrates vibe-coded web applications to AWS. An agent skill from aws/agent-toolkit-for-aws.

aws/agent-toolkit-for-aws2.8k—~3.2kAutomated safety check: PassApache-2.0today
21

Inspect and profile the React component tree of a running Storybook story through chrome-devtools-mcp (React DevTools over the Chrome DevTools Protocol, via react-devtools-cdt-mcp).

sanity-io/ui176—~2kAutomated safety check: PassMITtoday
22
22.I18nOfficial

Internationalization conventions for the RedisInsight UI (i18next).

redis/RedisInsight8.9k—~2.5kAutomated safety check: PassUnknown2 days ago
23

INVOKE THIS SKILL when building, iterating on, copying, or sharing a LangSmith Custom App — a React/TypeScript UI that runs inside LangSmith and reads the LangSmith API.

langchain-ai/langsmith-skills159—~3.2kAutomated safety check: PassMIT4 days ago
24
24.Docs VoiceOfficial

A skill your agent uses when writing any React documentation.

reactjs/ar.react.dev164—~1.2kAutomated safety check: PassCC-BY-4.02 days ago
25

Build MCP servers for Copilot Chat using the OpenAI Apps SDK or MCP Apps SDK widget rendering support (any language).

microsoft/work-iq1k—~6.1kAutomated safety check: NotesUnknowntoday
26

Write tests using React Native Testing Library (RNTL) v13 and v14 (@testing-library/react-native).

callstackincubator/agent-skills1.7k—~1.8kAutomated safety check: PassMITyesterday
27
27.Langchain AgentsOfficial

Build LangChain agents with modern patterns. An agent skill from langchain-ai/skills-benchmarks.

langchain-ai/skills-benchmarks118—~2.5kAutomated safety check: PassMIT15 days ago
28
28.Docs Writer BlogOfficial

A skill your agent uses when writing or editing files in src/content/blog/.

reactjs/ar.react.dev164—~4.2kAutomated safety check: PassCC-BY-4.02 days ago
29

Render and serialize Portable Text to React, Svelte, Vue, Astro, HTML, Markdown, and plain text.

sanity-io/agent-toolkit1871 repo~1.1kAutomated safety check: PassMIT2 days ago
30

Fetch data in Sentry's frontend with TanStack Query and apiOptions.

getsentry/sentry45k—~1.4kAutomated safety check: PassUnknowntoday
31
31.React TestingOfficial

Write and review React/TypeScript tests for Sentry's frontend using Jest and React Testing Library.

getsentry/sentry45k—~2.2kAutomated safety check: PassUnknowntoday
32
32.React ScanOfficial

Capture and analyze Remotion Studio React render profiles through development-only WebMCP tools.

remotion-dev/remotion62k—~786Automated safety check: PassUnknowntoday
33

Review Sentry React and TypeScript changes for bug patterns drawn from real production issues.

getsentry/sentry45k—~2.6kAutomated safety check: NotesUnknowntoday
34

Turns Stitch screens into a React, Vite and TypeScript dashboard with TanStack Query data fetching, DESIGN.md tokens as CSS variables and optional read-only Web3 data.

google-labs-code/stitch-skills8.4k—~914Automated safety check: NotesApache-2.01 mo ago
35

Create data-driven presentation slides using React, Vite, and Recharts with Sentry branding.

getsentry/skills1k—~2.3kAutomated safety check: PassApache-2.04 days ago
36

A skill your agent uses when writing or editing files in src/content/learn/.

reactjs/ar.react.dev164—~1.8kAutomated safety check: PassCC-BY-4.02 days ago
37

Full Sentry SDK setup for React Router Framework mode. An agent skill from getsentry/sentry-for-ai.

getsentry/sentry-for-ai268—~3.8kAutomated safety check: NotesApache-2.0today
38
38.Add New PackageOfficial

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, and release checklist updates.

remotion-dev/remotion62k—~777Automated safety check: NotesUnknowntoday
39
39.Expo UpgradeOfficial

Guidelines for upgrading Expo SDK versions and fixing dependency issues

expo/skills2.7k9 repos~1.9kAutomated safety check: PassMITtoday
40
40.Quill CodeOfficial

Edit the @posthog/quill design system locally and consume the change in this repo (posthog-code) before it is published to npm.

PostHog/code179—~1.1kAutomated safety check: PassMIT2 mo ago
41
41.WriteOfficial

A skill your agent uses when creating new React documentation pages or updating existing ones.

reactjs/ar.react.dev164—~1.6kAutomated safety check: PassCC-BY-4.02 days ago
42
42.Sentry React SDKOfficial

Full Sentry SDK setup for React. An agent skill from getsentry/sentry-for-ai.

getsentry/sentry-for-ai268—~4.8kAutomated safety check: PassApache-2.0today
43

Build forms, validate data, and react to user input in Blazor.

dotnet/skills5.6k1 repo~3.2kAutomated safety check: PassMITtoday
44

Share state between components that don't have a direct parent-child parameter relationship, using cascading values, scoped services with change events, or CascadingValueSource via DI.

dotnet/skills5.6k1 repo~2.5kAutomated safety check: PassMITtoday
45

Upgrade the React Native fixture app to a new version. An agent skill from Shopify/flash-list.

Shopify/flash-list7.2k—~1.9kAutomated safety check: PassMIT6 days ago
46

Create React Flow node components with TypeScript types, handles, and Zustand integration.

microsoft/skills3.1k6 repos~502Automated safety check: PassMITtoday
47

Design the UX of custom-code Databricks Apps (AppKit/React) data screens — KPI/overview pages, reports, charts, tables, and Genie/chat data assistants — mapped to concrete AppKit components.

databricks/databricks-agent-skills345—~1.7kAutomated safety check: PassUnknownyesterday
48
48.Eas ObserveOfficial

A skill your agent uses for anything related to EAS Observe - adding expo-observe to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive and ObserveInteractiveMarker, the useObserve…

expo/skills2.7k—~1.4kAutomated safety check: PassMITtoday

Questions, answered from the data.

What is the best React skill?

Web Artifacts Builder (official) from anthropics/skills ranks first of the 1,654 React skills listed here, with the highest score: its repository has 180k GitHub stars, 40 other GitHub owners carry a copy, its SKILL.md loads about 769 tokens and it passes the automated safety check with no findings. Next come React Composition Patterns and Stitch to Remotion Walkthrough Videos.

Is there an official React skill?

96 of the 1,654 React skills are official, published by the vendor's own GitHub organization: Web Artifacts Builder, React Composition Patterns, Stitch to Remotion Walkthrough Videos, AI SDK, Find Skills and 91 more.

How are these skills ranked?

By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.