facebook avatar

Flags

If you've ever wondered why a React feature works differently between Canary and Experimental, or why your RN build behaves oddly compared to www-modern, this is your answer. It runs `yarn flags` to show you feature flag states across all React release channels, with a clean legend showing what's enabled, disabled, or set to special variants. The diff mode is especially handy for comparing two channels side by side. One thing to watch: flags marked as `__VARIANT__` get tested both ways in Meta's internal builds, so you need to check both states. It's straightforward tooling for a specific debugging scenario that comes up more often than you'd think if you work close to React internals.

skills.sh installs
942
GitHub stars
246.5K
last updated
Jul 14, 2026

Install

$ npx -y skills add facebook/react --skill flags --agent claude-code

Installs into .claude/skills of the current project.

Files

Feature Flags

Arguments:

  • $ARGUMENTS: Optional flags

Options

OptionPurpose
(none)Show all flags across all channels
--diff <ch1> <ch2>Compare flags between channels
--cleanupShow flags grouped by cleanup status
--csvOutput in CSV format

Channels

  • www, www-modern - Meta internal
  • canary, next, experimental - OSS channels
  • rn, rn-fb, rn-next - React Native

Legend

✅ enabled, ❌ disabled, 🧪 __VARIANT__, 📊 profiling-only

Instructions

  1. Run yarn flags $ARGUMENTS
  2. Explain the output to the user
  3. For --diff, highlight meaningful differences

Common Mistakes

  • Forgetting __VARIANT__ flags - These are tested both ways in www; check both variants
  • Comparing wrong channels - Use --diff to see exact differences

Sponsors

Details

Repository
github.com/facebook/react
Category
Frontend Development

More from facebook/react

All 8
1angular avataradev-writing-guideangular/angularComprehensive writing guide for Angular documentation (adev). Covers Google Technical Writing standards, Angular-specific markdown extensions, code blocks, and 914skills.sh installs
2angular avatarreference-compiler-cliangular/angularExplains the mental model and architecture of the code under `packages/compiler-cli`. You MUST use this skill any time you plan to work with code in `packages/c911skills.sh installs
3vercel avatarflagsvercel/next.jsflags900skills.sh installs
4onmax avatarphaser-best-practicesonmax/nuxt-skillsBuilds and refactors Phaser 3 browser games. Use for creating a new Phaser project, adding scenes, entities, physics, UI, tilemaps, animations, input, audio, ca879skills.sh installs
5vercel avatardce-edgevercel/next.jsdce edge842skills.sh installs
6vercel avatarpr-status-triagevercel/next.jspr status triage839skills.sh installs