facebookOfficial·14 Agent Skills Included

react

AI agent skills for building, testing, and porting React core

Equips AI agents to work inside the React codebase: run tests across release channels, lint and format code, type-check with Flow, and manage feature flags. Automates the React Compiler's TypeScript-to-Rust port with orchestrated subagents that port passes, fix failures, review diffs, and commit. Removes guesswork around yarn commands, channel variants, and verification steps so changes pass CI on the first try.

248,357|51,271

↗

npx skills add facebook/react --all -g -y

Available:

Tells the AI agent how the React monorepo is split between core and compiler, which yarn commands and verification skills to run, and the architecture rules to follow when porting compiler passes to Rust.

All Skills in This Repository (14)

Pure Emerald Level Indicators

📦 In Repo

facebook

compiler-commit

Verify compiler changes and commit with the correct prefix convention.

compiler-verify

Run compiler tests, lint, and format checks based on changed files.

plan-update

Update compiler plan documents with deep research across all passes.

rust-port-status

Report the status of Rust compiler port plan documents and recent related commits.

compiler-review

Review Rust compiler port code for fidelity and convention compliance against TypeScript source.

compiler-port

Port React Compiler passes from TypeScript to Rust with test validation.

compiler-orchestrator

Orchestrate the Rust compiler port end-to-end through a continuous fix-and-port loop.

flags

Inspect and compare feature flag states across release channels.

test

Run React core tests across source, experimental, www, and stable channels.

verify

Run formatting, linting, Flow type checks, and tests for React contributions.

feature-flags

Diagnose and manage React feature flags and gate pragmas across forks.

fix

Run yarn prettier and yarn linc to fix linting and formatting issues.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install React agent skills?▼

Run `npx skills add facebook/react --all -g -y` in your terminal to install all skills in this suite globally.

What do the React agent skills do?▼

They let your AI agent run React's tests, linting, Flow type checks, and feature flag checks using the exact yarn commands and release channels the React team uses.

How does the compiler-orchestrator skill work?▼

It drives the React Compiler's TypeScript-to-Rust port in a loop: it finds the next failing or unported pass, delegates fixes to subagents, reviews the diff, and commits progress automatically.

Do these skills work with Claude Code?▼

Yes. All skills follow the standard SKILL.md format and run as slash commands like /test, /verify, and /compiler-port in Claude Code and compatible agents.

Do I need to know React internals to use these skills?▼

No. The skills encode the required commands, flag channels, and verification steps, so the agent handles the details while you describe the change you want.