Skip to content
Development
Skill

/compiler-verify

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.

From plugin
react
252k14 skills4 agents

Claude Code

$ npx -y skills add react/react --skill compiler-verify --agent claude-code

SKILL.md

compiler-verify.SKILL.md
name: compiler-verify
description: 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

Run all verification steps for compiler changes.

Arguments:

  • $ARGUMENTS: Optional test pattern for `yarn snap -p <pattern>`

Instructions

1. **Detect what changed** by running `git diff --name-only HEAD` (or vs the base branch). Categorize changes:

  • **TS changes**: files in `compiler/packages/`
  • **Rust changes**: files in `compiler/crates/`
  • **Both**: run all checks

2. **If TS changed**, run these sequentially (stop on failure):

  • `yarn snap` (or `yarn snap -p <pattern>` if a pattern was provided) — compiler tests
  • `yarn test` — test full compiler
  • `yarn workspace babel-plugin-react-compiler lint` — lint compiler source

3. **If Rust changed**, run these sequentially (stop on failure):

  • `bash compiler/scripts/test-babel-ast.sh` — Babel AST round-trip tests
  • `bash compiler/scripts/test-rust-port.sh` — full Rust port test suite (compares Rust vs TS compiler output across all passes; must have 0 failures — do not regress)
  • `yarn snap --rust` — end-to-end snap tests using the Rust compiler (compares compiled output and logger events against `.expect.md` fixtures; use `yarn snap --rust -p <pattern>` for focused checks)

4. **Always run** (from the repo root):

  • `yarn prettier-all` — format all changed files

5. **If implementing a plan doc**, check:

  • Plan doc has no unaddressed "Remaining Work" items
  • Plan doc status is updated to reflect current state

6. Report results: list each step as passed/failed. On failure, stop and show the error with suggested fixes.

Common Mistakes

  • **Running `yarn snap` without `-p`** is fine for full verification, but slow. Use `-p` for focused checks.
  • **Running prettier from compiler/** — must run from the repo root.
  • **Forgetting Rust tests** — if you touched `.rs` files, always run the round-trip test and `yarn snap --rust`.
Read more
@facebook
Ships withreact

React is a JavaScript library for building user interfaces. Declarative: React makes it painless to create interactive UIs.

252k14 skills4 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
252.5k
Star history of facebook/react on GitHub, a chart by star-history.com

Other skills on react.

extract-errors

extract-errors

Use when adding new error messages to React, or seeing "unknown error code" warnings.

@facebook@facebookInstall Skill
feature-flags

feature-flags

Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or…

@facebook@facebookInstall Skill
fix

fix

Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.

@facebook@facebookInstall Skill
flags

flags

Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release…

@facebook@facebookInstall Skill
flow

flow

Use when you need to run Flow type checking, or when seeing Flow type errors in React code.

@facebook@facebookInstall Skill
test

test

Use when you need to run tests for React core. Supports source, www, stable, and experimental channels.

@facebook@facebookInstall Skill

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills12d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc2w293k
@affaan-m@affaan-mInstall Skill
act-on-feedback

act-on-feedback

Act on user feedback attached to the current session. Use when the user submits feedback on the session's changes via the Submit…

vscode2d195k
@microsoft@microsoftInstall Skill

Questions about compiler-verify.

Which coding agents can use compiler-verify?
compiler-verify installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.