flags — скилл для Claude Code: флаги React и установка
Скилл запускает проверку feature flags в React и помогает сравнить каналы релизов. Пригодится, когда поведение функции различается между каналами.
npx skills add react/react --skill flags -a claude-codeЧто делает flags
По запросу скилл запускает yarn flags и объясняет результат. Без параметров команда показывает флаги во всех каналах; --diff <ch1> <ch2> сравнивает два канала, --cleanup группирует флаги по статусу очистки, а --csv включает формат CSV.
Скилл знает каналы www, www-modern, canary, next, experimental, rn, rn-fb и rn-next. Обратите внимание на __VARIANT__: в www такие флаги проверяют в обоих вариантах. Это важно при разборе различий. Для выполнения проверки нужна команда yarn flags в проекте React.
Какие задачи решает
- показать флаги во всех каналах
- сравнить состояния флагов в двух каналах
- сгруппировать флаги по статусу очистки
- выгрузить результат проверки в CSV
- разобраться, почему флаг ведёт себя по-разному в каналах
Примеры запросов агенту
- Покажи все feature flags проекта React по каналам.
- Сравни флаги в `canary` и `next` через `--diff`.
- Сгруппируй флаги по статусу очистки и выведи результат в CSV.
Как установить flags
1Через Skills CLI (Vercel)
npx skills add react/react --skill flags -a claude-code2Вручную: положить файлы
~/.claude/skills/flags/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/flags/
1Через Skills CLI (Vercel)
npx skills add react/react --skill flags -a codex2Вручную: положить файлы
.agents/skills/flags/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add react/react --skill flags -a cursor2Вручную: положить файлы
.cursor/skills/flags/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install react/react flags2Вручную: положить файлы
.github/skills/flags/SKILL.md1Через Skills CLI (Vercel)
npx skills add react/react --skill flags -a gemini-cli2Командой платформы
gemini skills install https://github.com/react/react --path .claude/skills/flagsВручную: положить файлы
.devin/skills/flags/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add react/react --skill flags -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора4
Весь набор →Похожие
Вопросы о flags
Как установить flags в Claude Code?
Выполните npx skills add react/react --skill flags -a claude-code. Скилл устанавливается в ~/.claude/skills/flags/SKILL.md.
Что делает скилл flags?
Запускает yarn flags, чтобы показать состояния флагов React, сравнить каналы или сгруппировать флаги по статусу очистки.
Как сравнить feature flags между каналами?
Передайте --diff <ch1> <ch2>, например попросите сравнить canary и next. Скилл выделит различия в выводе.
Исходный текст
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
