Skip to main content
affpapa.org
RU EN
skill Claude Code CX Codex Cursor GitHub Copilot

flags — Claude Code skill: React flags and installation

This skill runs React's feature-flag command and explains the results. Use it to compare release channels when a feature behaves differently between them.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add react/react --skill flags -a claude-code
Open on GitHub

What flags does

On request, the skill runs yarn flags and explains the output. With no arguments, the command shows flags across all channels. Use --diff <ch1> <ch2> to compare two channels, --cleanup to group flags by cleanup status, or --csv to get CSV output.

The listed channels are www, www-modern, canary, next, experimental, rn, rn-fb, and rn-next. Pay attention to __VARIANT__ flags: in www, they are tested in both variants. That matters when investigating differences. Running the check requires the yarn flags command in the React project.

What it helps with

  • show flags across all channels
  • compare flag states between two channels
  • group flags by cleanup status
  • export the check results as CSV
  • investigate why a flag behaves differently across channels

Example prompts for the agent

  • Show the React feature flags across all channels.
  • Compare flags in `canary` and `next` with `--diff`.
  • Group flags by cleanup status and return the results as CSV.

How to install flags

1Skills CLI (Vercel)

npx skills add react/react --skill flags -a claude-code

2Manually: put the files in place

~/.claude/skills/flags/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/flags/

From the same set4

The whole set →
fix react The skill formats changed files and checks for remaining lint issues before a commit. Use it when code needs to pass CI checks. Claude Code CX Codex Cursor +1 2,300installs verify react Validates code changes against React repository requirements before committing. Runs Prettier, linter, Flow type checks, and tests. Claude Code CX Codex Cursor +1 1,200installs flow react Runs Flow type checking in a React project and reports errors with file locations. Useful when you edit code and don't want to look up the right renderer flag each time. Claude Code CX Codex Cursor +1 1,100installs

Similar

memory-management official anthropics This skill organizes workplace shorthand, names, and project details into files an agent can consult. It fits projects where requests rely on an internal vocabulary and shared context. Claude Code CX Codex Cursor +1 7,400installs agentmemory-mcp-tools rohitg00 Index of every agentmemory MCP tool with its parameters and workflows. Helps agents pick the right memory tool and format valid arguments. Claude Code CX Codex Cursor +1 10,900installs agentmemory-config rohitg00 This skill helps configure local agentmemory and check its MCP connection. Use it to enable features, inspect authentication, or diagnose a connection failure. Claude Code CX Codex Cursor +1 10,900installs write-agentmemory-skill rohitg00 Sets structure and formatting rules for agentmemory skills. Use it when creating a new SKILL.md or reviewing an existing skill for consistency. Claude Code CX Codex Cursor +1 10,700installs agentmemory-hooks rohitg00 This skill explains how agentmemory hooks record observations during an agent session. Use it to understand what gets captured or troubleshoot missing observations. Claude Code CX Codex Cursor +1 10,700installs task-management official anthropics Tracks commitments, active work, and follow-ups in a local TASKS.md file. Useful when managing project to-dos directly from the AI coding chat. Claude Code CX Codex Cursor +1 7,200installs setup-matt-pocock-skills Matt Pocock This skill configures a repository for Matt Pocock's engineering skills by setting its issue tracker, triage labels, and domain docs layout. Run it before using the other skills. Claude Code 1,052,851installs to-tickets Matt Pocock Turns a plan, spec, or conversation into small end-to-end tickets with explicit blockers. Use it to agree on the work breakdown before tickets go to a tracker. Claude Code 711,230installs

Questions about flags

How do I install flags in Claude Code?

Run npx skills add react/react --skill flags -a claude-code. The skill is installed at ~/.claude/skills/flags/SKILL.md.

What does the flags skill do?

It runs yarn flags to show React flag states, compare channels, or group flags by cleanup status.

How do I compare feature flags between channels?

Pass --diff <ch1> <ch2>, for example, ask it to compare canary and next. The skill highlights differences in the output.

Source text

SKILL.md · MIT 
---
name: flags
description: Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.
---

# Feature Flags

Arguments:
- $ARGUMENTS: Optional flags

## Options

| Option | Purpose |
|--------|---------|
| (none) | Show all flags across all channels |
| `--diff <ch1> <ch2>` | Compare flags between channels |
| `--cleanup` | Show flags grouped by cleanup status |
| `--csv` | Output 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

© react · MIT · react/react

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor