用途：为生产级 React 应用提供可复用的组件设计模式与决策指导，帮助在架构设计、代码实现、评审与迁移中做出一致选择。适合需要可复用判断、领域约束或成熟工作流的任务，而非临时性建议；与 react-development 技能配合使用，后者覆盖 hooks 与状态基础。
主要能力：给出模式决策指南，如跨切面行为（鉴权、加载、分析）用 HOC，共享有状态逻辑且无 UI 主张用自定义 Hook（优先），需让渡渲染控制用 Render Props 或 Children-as-Function，受控与非受控兼用 Control Props，打包可复用事件属性（拖拽、无障碍）用 Prop Collections + Prop Getters，多个互联子组件共享状态用复合组件，需让使用者自定义状态逻辑用 State Reducer，复杂嵌套状态更新用 Immer，数据逻辑与 UI 分离用容器/展示组件。并附各模式的代码示例、适用场景与现代化说明。
使用方式：先读 SKILL.md，再按需加载相关深入文件；按有序指南、清单与决策规则执行，而非挑拣孤立代码片段；产出需明确假设、风险与后续工作。列出常见反模式及修复，如深度嵌套 HOC 用 compose 工具、Hook 足够时不用 Render Prop、属性展开覆盖默认处理器改用 Prop Getters、Context 仅在 prop drilling 超过两层时使用、State Reducer 默认应返回 action.changes、复合组件用 Context 而非 cloneElement。
可交付物示例包括实现指导、评审发现、架构决策、模板或生成产物；证据产物为每个模式选择决策记录（Markdown 文档）。限制：未提供具体安装命令（除 Immer 示例 npm install immer use-immer）、收费、价格与效果信息；不应将示例视为可直接复制，需结合适配性、约束与失败模式判断。