facebook/react
7 skills7.5k installs2M starsGitHub
Install
npx skills add https://github.com/facebook/reactSkills in this repo
1FixFix is a lightweight procedural skill from the Facebook React monorepo for solo builders and contributors who need to clear lint and formatting before a commit or CI run. The agent runs `yarn prettier` to format changed files, then `yarn linc` to surface remaining lint problems, and reports anything that still needs manual edits. The skill highlights two common mistakes: running prettier expecting a full-repo format when the script scopes to diffs, and ignoring linc failures that will break continuous integration. It fits indie developers patching React or mirroring the same yarn scripts in a fork, especially when using Claude Code, Cursor, or Codex to clean up a branch right before opening a pull request.1.9kinstalls2Extract ErrorsExtract-errors is a maintainer workflow skill for the React open-source repository. It tells your coding agent to run the project’s Yarn extract-errors script whenever you add invariant error strings or hit warnings about unknown error codes. The outcome is a refreshed mapping between human-readable errors and stable numeric codes that React documents and tracks in production. It is narrow by design: it does not teach React patterns or fix application bugs in consumer apps. Solo and indie builders only need it if they contribute to React itself or fork the repo with the same tooling. For everyone else, Prism lists it as a reference for how large frontend teams keep agent-assisted refactors from drifting the error catalog.1kinstalls3VerifyVerify is an agent skill tailored to Facebook’s React monorepo contribution workflow. It tells the agent to run formatting and lint-on-changed-files first, then fan out type checking and two test surfaces in parallel using repository-specific slash commands. Solo builders and occasional contributors use it when they want to validate a patch against React’s contribution requirements before opening a pull request, without memorizing the exact yarn and test entrypoints. The skill encodes a strict ordering: cosmetic and lint fixes must pass before expensive type and test work begins, and any failure aborts the run with actionable feedback rather than a partial green check. It is narrowly scoped to this repository’s toolchain and is not a generic CI template for arbitrary JavaScript projects.967installs4TestTest is a React-repository agent skill that turns a single slash command into the correct yarn test invocation for React core, respecting release channel semantics that confuse even experienced contributors. Solo builders maintaining forks, landing upstream patches, or debugging hooks and reconciler behavior use it to avoid manually remembering whether stable, experimental, or www-modern flags apply. The SKILL.md documents argument order—channel first, optional www variant false, then test pattern—and ties each channel to FeatureFlags and __VARIANT__ expectations so results match what Meta ships or experiments with internally. Default runs target the source/canary channel; watch mode supports tight TDD loops. It does not replace learning Jest setup in your own app—it is narrowly optimized for the facebook/react monorepo workflow inside agent-assisted coding sessions.962installs5Feature FlagsFeature-flags is a React monorepo agent skill for contributors who touch shared runtime behavior behind compile-time and test-time gates. It catalogs where defaults and channel forks live, when to use test-level @gate versus inline gate() for divergent expectations, and the checklist for introducing a new flag across canary, www, React Native, and test-renderer packages. Solo builders only need this if they maintain React upstream or a fork that mirrors its flag layout—not for product-level LaunchDarkly-style toggles in an app. The workflow reduces skipped-vs-failed confusion and prevents partial flag rollouts that break CI on one channel only. Expect intermediate familiarity with Jest-style React tests and the packages/shared flag tree.923installs6FlowThe flow skill is a thin procedural wrapper for Facebook’s React repository Flow toolchain. Solo builders and agents working inside that monorepo use it when typings break or before they trust a diff, because Flow is renderer-specific and easy to run wrong. The skill maps arguments to the correct renderer—dom-node by default, dom-browser for browser DOM code, native and fabric for React Native stacks—and tells the agent to execute yarn flow, surface errors with paths, and escalate to yarn flow-ci only when exhaustive checking is worth the wait. It also encodes common footguns: never running without a renderer, treating suppressions as debt, and importing types from the right packages. It is not a general JavaScript type checker for arbitrary apps; it assumes the React yarn workspace and contributor workflows.895installs7Flagsflags is a Facebook React repository agent skill for checking feature flag states, comparing release channels, and debugging why the same API behaves differently in production versus canary or React Native builds. Solo builders contributing to React, debugging upstream behavior, or shipping apps on multiple React channels use it when symptoms look like config drift rather than application bugs. The workflow is deliberately thin: run `yarn flags` with the right modifiers, interpret channel-specific matrices, and call out `__VARIANT__` flags that run both ways internally. It is multi-phase—most common in Build frontend while aligning dependencies, but equally valuable in Ship review and Launch when a feature works in next but not www-modern. Intermediate complexity reflects Meta's channel topology and variant semantics. This is procedural knowledge for the React monorepo, not a feature-flag SaaS integration.852installs