用途：该技能用于创建可复用组件、设计组件 API 和处理复杂组件层级，覆盖 children、slots、复合组件、render props 等组合模式，同时涉及多态组件写法。
主要能力：提供模式选择参考，按用例与复杂度区分——children 适合简单容器，slots 适合具名区域，复合组件适合相关子组件，render props 适合自定义渲染。文档给出各模式的代码示例，并附校验清单（选择与复杂度匹配的模式、TypeScript props 正确标注类型、forwardRef 设置 displayName、组合层级最多 2-3 层）与最佳实践。
工作流（标注为强制）：实现前用 TeamCreate 生成 3 个 agent，其中包括 fuse-ai-pilot:explore-codebase 检查现有组合模式、fuse-ai-pilot:research-expert 研究 React 19 组合模式；实现后用 fuse-ai-pilot:sniper 做校验。
最佳实践：简单嵌套用 children；具名区域用 slots（最多 3-4 个）；表单元素转发 ref；设置 displayName；避免过度设计简单组件、避免深层嵌套（最多 2 层）、不要遗漏 TypeScript 类型、不要跳过 ref 转发。
适用场景：React（含 React 19）项目中设计组件 API、拆分复用容器与复合组件、处理需要自定义渲染或具名插槽的界面结构。
限制：资料未说明运行环境要求、安装命令、收费或平台支持情况；具体实现依赖 TypeScript 与 React 类型定义。