---
title: "Skills for React · skilld"
canonical_url: "https://skilld.dev/frameworks/react"
last_updated: "2026-08-20T06:40:32.964Z"
meta:
  description: "Browse 200 React agent skills from 8+ maintainers. Every result links to source."
  "og:description": "Agent skills for React components, hooks, state management, and current patterns."
  "og:title": "Skills for React"
---

`

# Skills for React

Agent skills for React components, hooks, state management, and current patterns. Every result links to its SKILL.md source.

[react.dev](https://react.dev) [All skills](https://skilld.dev/skills)

## **React skills **

Showing 24 of 200

- [

  **/coding-standards**![affaan-m](https://github.com/affaan-m.png?size=40)

  Affaan Mustafa · affaan-m/everything-claude-code255k

  Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns. Use when reviewing code quality or naming with no framework-specific skill that applies. /coding-standards by affaan-m](https://skilld.dev/gh/affaan-m/everything-claude-code/coding-standards)
- [

  **/frontend-patterns**![affaan-m](https://github.com/affaan-m.png?size=40)

  Affaan Mustafa · affaan-m/everything-claude-code255k

  Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Use when building or reviewing React or Next.js components, state, or render performance. /frontend-patterns by affaan-m](https://skilld.dev/gh/affaan-m/everything-claude-code/frontend-patterns)
- [

  **/project-guidelines-example**![affaan-m](https://github.com/affaan-m.png?size=40)

  Affaan Mustafa · affaan-m/everything-claude-code255k

  Project-specific skill template covering architecture, patterns, testing, and deployment guidance. /project-guidelines-example by affaan-m](https://skilld.dev/gh/affaan-m/everything-claude-code/project-guidelines-example)
- [

  **/compiler-commit**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits with the \[compiler\] or \[rust-compiler\] prefix. /compiler-commit by facebook](https://skilld.dev/gh/facebook/react/compiler-commit)
- [

  **/compiler-orchestrator**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Orchestrate the Rust compiler port end-to-end. Discovers the current frontier, fixes failing passes, ports new passes, reviews, and commits in a loop. /compiler-orchestrator by facebook](https://skilld.dev/gh/facebook/react/compiler-orchestrator)
- [

  **/compiler-port**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Port a compiler pass from TypeScript to Rust. Gathers context, plans the port, implements in a subagent with test-fix loop, then reviews. /compiler-port by facebook](https://skilld.dev/gh/facebook/react/compiler-port)
- [

  **/compiler-review**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Review Rust port code for port fidelity, convention compliance, and error handling. Compares against the original TypeScript source. /compiler-review by facebook](https://skilld.dev/gh/facebook/react/compiler-review)
- [

  **/compiler-verify**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Use when you need to run all compiler checks (tests, lint, format) before committing. Detects whether TS or Rust code changed and runs the appropriate checks. /compiler-verify by facebook](https://skilld.dev/gh/facebook/react/compiler-verify)
- [

  **/extract-errors**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Use when adding new error messages to React, or seeing "unknown error code" warnings. /extract-errors by facebook](https://skilld.dev/gh/facebook/react/extract-errors)
- [

  **/feature-flags**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or adding new flags to React. /feature-flags by facebook](https://skilld.dev/gh/facebook/react/feature-flags)
- [

  **/fix**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI. /fix by facebook](https://skilld.dev/gh/facebook/react/fix)
- [

  **/flags**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels. /flags by facebook](https://skilld.dev/gh/facebook/react/flags)
- [

  **/flow**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Use when you need to run Flow type checking, or when seeing Flow type errors in React code. /flow by facebook](https://skilld.dev/gh/facebook/react/flow)
- [

  **/plan-update**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Use when you need to update a plan document with deep research across all compiler passes. Launches parallel subagents to analyze how a topic affects every compiler phase, then consolidates findings into the plan doc. /plan-update by facebook](https://skilld.dev/gh/facebook/react/plan-update)
- [

  **/rust-port-status**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Show the status of all Rust port plan documents and recent related commits. Use when you need to understand what's been done vs what remains. /rust-port-status by facebook](https://skilld.dev/gh/facebook/react/rust-port-status)
- [

  **/test**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Use when you need to run tests for React core. Supports source, www, stable, and experimental channels. /test by facebook](https://skilld.dev/gh/facebook/react/test)
- [

  **/verify**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Use when you want to validate changes before committing, or when you need to check all React contribution requirements. /verify by facebook](https://skilld.dev/gh/facebook/react/verify)
- [

  **/web-artifacts-builder**![anthropics](https://github.com/anthropics.png?size=40)

  Anthropic · anthropics/skills176k

  Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts. /web-artifacts-builder by anthropics](https://skilld.dev/gh/anthropics/skills/web-artifacts-builder)
- [

  **/component-refactoring**![langgenius](https://github.com/langgenius.png?size=40)

  langgenius/dify155k

  Refactor high-complexity React components in Dify frontend. Use when \`pnpm analyze-component --json\` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexity reduction, or when \`pnpm analyze-component\` warns to refactor before testing; avoid for simple/well-structured components, third-party wrappers, or when the user explicitly wants testing without refactoring. /component-refactoring by langgenius](https://skilld.dev/gh/langgenius/dify/component-refactoring)
- [

  **/frontend-code-review**![langgenius](https://github.com/langgenius.png?size=40)

  langgenius/dify155k

  Use only when the user explicitly requests a review or audit of frontend code under \`web/\` or \`packages/dify-ui/\`. Supports pending-change, file-focused, and pasted-diff reviews. Do not use for implementation-only requests, diagnosis without review intent, or backend-only code. /frontend-code-review by langgenius](https://skilld.dev/gh/langgenius/dify/frontend-code-review)
- [

  **/react-sync**![vercel](https://github.com/vercel.png?size=40)

  vercel/next.js142k

  Build local React changes in the bundle variants consumed by Next.js, sync them into a local Next.js checkout, and test the resulting integration. Use when working on React changes that need validation in Next.js, or when asked to run buildForNext, pnpm sync-react, or synchronize a React checkout with Next.js. /react-sync by vercel](https://skilld.dev/gh/vercel/next.js/react-sync)
- [

  **/react-vendoring**![vercel](https://github.com/vercel.png?size=40)

  vercel/next.js142k

  React vendoring and react-server layer boundaries. Use when editing entry-base.ts, $$compiled.internal.d.ts, compiled/react\* packages, or taskfile.js copy\_vendor\_react. Covers the entry-base.ts boundary (all react-server-dom-webpack/\* imports must go through it), vendored React channels, type declarations, Turbopack remap to react-server-dom-turbopack, ComponentMod access patterns, and ESLint suppression for guarded requires. /react-vendoring by vercel](https://skilld.dev/gh/vercel/next.js/react-vendoring)
- [

  **/fullstack-developer**![shubhamsaboo](https://github.com/shubhamsaboo.png?size=40)

  Shubham Saboo · shubhamsaboo/awesome-llm-apps137k

  Modern web development expertise covering React, Node.js, databases, and full-stack architecture. Use when: building web applications, developing APIs, creating frontends, setting up databases, deploying web apps, or when user mentions React, Next.js, Express, REST API, GraphQL, MongoDB, PostgreSQL, or full-stack development. /fullstack-developer by shubhamsaboo](https://skilld.dev/gh/shubhamsaboo/awesome-llm-apps/fullstack-developer)
- [

  **/ui-ux-pro-max**![nextlevelbuilder](https://github.com/nextlevelbuilder.png?size=40)

  Next Level Builder · nextlevelbuilder/ui-ux-pro-max-skill127k

  UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks. /ui-ux-pro-max by nextlevelbuilder](https://skilld.dev/gh/nextlevelbuilder/ui-ux-pro-max-skill/ui-ux-pro-max)

## Often appears with

- TypeScript 80
- Next.js 25
- Performance 17
- Testing 16
- Vue 16

Checked GitHub just now