vercel-composition-patternsVercel官方放心用装上它，AI 会按 React 组合模式帮你重构组件、减少 boolean props 泛滥。
该技能提供一套 React 组件组合模式，用来把组件从 boolean props 泛滥、难以扩展的状态，重构成可组合、易维护的结构。它会触发 AI 在架构层面给出建议：用 compound components 拆分复杂组件、把状态提升到 Provider、用显式变体组件替代布尔模式、用 children 组合替代 renderX props，并附带每条规则的错误/正确代码示例。
适合在以下场景启用：组件因 boolean props 组合爆炸而难以维护、正在搭建组件库/设计系统、需要设计灵活 API 或做代码审查。注意：部分规则仅针对 React 19，React 18 项目应跳过；对于老项目，重构要分步进行并补充测试。
在下面找到你用的工具，复制命令粘进终端就装好了：
npx skills add vercel-labs/agent-skills装好后不用任何配置，直接在对话里说：
这个组件有 isPrimary、isDisabled、isLoading 三个 boolean props，帮我用组合模式重构一下。AI 检测到任务匹配时会自动加载这个 Skill，不需要手动开关。
AGENTS.mdREADME.mdSKILL.mdmetadata.jsonrules/ 大部分规则通用，但 React 19 相关规则（如用 use() 替代 useContext、不用 forwardRef）在 React 18 及以下不适用，需要跳过。
它会给出架构建议和正反示例，AI 据此重构。建议在改动前确认有测试覆盖，避免破坏现有行为。
适合 boolean props 多、组件库/设计系统、需要灵活 API 或做架构审查的项目；简单页面组件通常不必启用。