SuperAPI AI 工具集

decompose

编程与开发

查看项目

更新于 10-15 21:42

技能介绍

用途:当 React/UI 代码把渲染、状态、副作用、事件处理、数据整形等混在一起时,用 decompose 将过大的组件拆分为聚焦的 helper、hook 和子组件,目标是提升可读性与职责归属,同时保持行为不变。

主要能力与规则:除非用户同意,否则保持行为不变;优先选择最小且正确的拆分;仅当可读性、复用性或局部性确实改善时才抽取;状态保留在拥有它的代码附近;副作用保持显式;不要仅为缩短文件长度而移动代码;不要为单一不明确用途创建通用 helper;避免无谓抽象。

使用流程:阅读组件并识别职责;标记状态、副作用、数据转换、事件处理与 UI 区块;选择抽取候选;明显时先抽取纯 helper;仅对聚合的状态/副作用抽取 hook;对稳定的 UI 区块抽取子组件;最后验证行为与导入。

输出格式:按 Decomposition 列出 Extracted(helper/hook/component)、Reason(被隔离的职责)、Preserved(保持的行为)、Verification(执行的检查或未执行的原因)。

适用场景:React/UI 组件职责混杂、文件过长、状态与副作用分散、需要提升可读性与局部性时。

限制:资料未提供具体安装命令、平台支持、收费方式或效果数据;不改变行为是默认前提,行为变更需用户批准。