用途:把单体、属性繁多的 React UI 组件重构为复合组件模式,让父组件通过 context 管理状态,命名子组件组成可读、可组合的消费 API。
主要能力:先设计消费 API 再写实现;子组件以点号静态属性挂载(如 Tabs.List、Tabs.Tab、Tabs.Panel);子组件不接收 isActive、index 等内部状态,改由 context 隐式传递;同时支持非受控(defaultValue)与受控(value/onChange)用法;子组件在父组件外使用时抛出明确错误;按组件类型补充 ARIA 无障碍接线;源码使用 TypeScript 时生成带类型的版本;输出每个文件并附消费用法示例,迁移时给出新旧 API 对比与破坏性变更说明。
使用方式:提供待重构组件,技能会识别其状态、现有 API 与自然子部件,先草拟理想消费 API,再按根组件、context 模块、各子组件、index 组装文件的结构实现;简单场景可合并到单文件。
适用场景:Tabs、Accordion、Dropdown/Menu、Modal/Dialog、Stepper、Select/Combobox、Card、Form 等组件。
限制:默认面向 React;未提供组件时会要求用户粘贴或描述;具体安装命令、收费与平台信息暂未提供。