重构大型组件
单个 React 组件超过 400 行，状态混乱。
使用前准备
现有测试或至少手动验收清单。
可替换变量
FILE例：ToolPlayground.tsx
完整提示词
重构指定组件： - 先补行为测试或固定验收步骤 - 按数据/展示/副作用拆分 - 禁止改变对外 props 与可见文案 - 每拆一个文件就跑测试 完成后说明每个新文件的职责。
执行顺序
- 锁定行为
- 拆分
- 测试
- 删除死代码
预期输出
多个小于 200 行的模块，测试绿。
示例输入
ToolPlayground 混杂 8 种工具 UI
示例结果
按 slug 分发到独立组件，共享 InputPanel。
常见失败方式
重构同时改功能导致回归。
版本 1.0.0 · 作者 XicoHub 编辑部