词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Claude Code feature-flags 技能：定位 React 不同发布渠道的开关测试

English

Claude Code 安装步骤

  1. 切到 GitHub 原文对应的 React 提交，在仓库根目录确认 `.claude/skills/feature-flags/SKILL.md` 存在。保留同仓库的 `flags` 和 `test` 技能，便于按渠道核对。
  2. 从 React 仓库根目录启动 Claude Code。输入 `/feature-flags`，附上失败用例名称、目标渠道和预期输出。

中文摘要

给 Claude Code 一条失败的 React 用例和两个渠道名称。技能会定位共享开关及各渠道的 fork 文件，再判断应该跳过整条测试，还是在同一测试里检查开关两侧的行为。

SKILL.md 中文导读

可复现示例

在练习分支里，假设 `enableDraftBadge` 打开时组件显示「草稿」，关闭时显示空文本。输入 `/feature-flags`，请先比较 canary 与 www 的标志值，再给同一个组件用例写出两种断言，并指出 www 需要验证的两个变体。

工作步骤

  1. 在共享配置和对应 fork 中找到同名标志，记下每个渠道的取值。
  2. 按需求判断门控粒度。功能不可用时用测试级 `@gate`，两种行为都应验证时保留同一用例并用 `gate()` 选择预期。
  3. 根据受影响的渠道挑选最小测试范围。若标志使用 `__VARIANT__`，把真假两个配置都列入验证表。

验收方法

应得到共享配置和 www fork 的文件位置、两种预期文本及对应断言。对 `__VARIANT__` 标志应列出真、假两次验证。是否通过以工作副本中的实际结果为准。

GitHub 原文 · 更新日期

适用环境

Claude Code，包含此技能的 React 源码工作副本。对比实际测试结果时，还需要按该版本的贡献说明配置开发依赖。

常见问题

React 的 `@gate` 和 `gate()` 分别适合什么情况？

整个功能在标志关闭时不可用，适合用 `@gate` 控制该用例是否运行。若组件在开关两侧都有定义好的输出，则用 `gate()` 在同一用例中选择断言。

相关指南

相关推荐