用途概括提供 React 组合模式的风格指南技能，通过复合组件、状态提升和显式变体避免布尔属性膨胀。借助带代码示例的优先级规则，帮助构建灵活可维护的组件，让人与 AI 代理在扩展时更轻松。
业务领域
Coding
技能形态
Style Guide
业务领域
技能形态
技能解析
剖析技能的工作原理和产出物，快速判断你的场景与价值。
当重构含有大量布尔属性的组件、构建可复用组件库、设计灵活组件 API、审查组件架构，或使用复合组件/上下文提供者时。
rules/，含错误/正确代码示例AGENTS.md 获取指引开发者获得组合模式以避免布尔属性膨胀，产出灵活、可维护且便于人与 AI 扩展的 React 组件。
使用场景
前端开发者维护一个 UI 库，其中 Button 有 8 个布尔属性（loading、disabled、ghost、block 等）。使用该技能阅读 architecture-avoid-boolean-props 与 patterns-explicit-variants，重构为复合组件和显式变体。结果：API 更清晰、破坏性变更更少，团队与 AI 工具维护更轻松。
代码审查中，工程师发现某组件在 React 19 上使用 render props 与 forwardRef。他们调用该技能查看 patterns-children-over-render-props 与 react19-no-forwardref，建议改用组合 children 与 use()。这使代码库符合 Vercel 组合模式，并提升 AI 可读性。
技能关系
依赖关系读作「上一格指向下一格」。当前 Skill 位于第二格，上下分别是影响它与被它影响的 Skill。
第一层 · 这些 Skills 用了我
第二层 · 当前 Skill
第三层 · 我用了这些 Skills
在所属技能集的全局上下文中浏览当前 Skill 的关系。点击节点切换右侧详情,搜索框可快速定位技能。
技能文件