frontend-refactor-planner

用途：frontend-refactor-planner 用于为杂乱或复杂的前端 UI 代码制定安全、分阶段的重构计划，帮助团队在不破坏现有功能的前提下逐步改进代码结构。\n\n主要能力：\n1. 重构评估：识别大组件（超过300行）、prop drilling、重复逻辑、性能差、无障碍缺口、紧耦合、缺少测试等问题；按风险（优先高流量页面）和影响（优先面向用户的缺陷）排序；将工作拆成小而可测试的增量。\n2. 常见重构模式：组件拆分（抽取子组件、复合组件、逻辑与展示分离）；状态管理（状态上提、迁移到 Context/Zustand、移除不必要状态）；性能（useMemo/useCallback 记忆化、代码分割、懒加载、虚拟化）；无障碍（添加 ARIA 标签、键盘导航、焦点管理、语义化 HTML）；测试（重构前加测试，每次变更后测试）。\n3. 分阶段方法：阶段1稳定——加测试、修复关键缺陷、记录当前行为；阶段2抽取——抽出工具函数、创建更小组件、降低复杂度；阶段3简化——删除死代码、合并重复、优化状态；阶段4打磨——性能优化、无障碍审计、文档。\n4. 风险缓解：功能开关渐进发布、新旧版本 A/B 测试、监控错误率、准备回滚方案、所有变更同行评审、增量部署。\n5. 完成标准：代码覆盖率>80%、性能指标改善、无障碍评分95+、测试无回归、代码评审通过、文档更新。\n\n使用方式：资料未提供具体安装命令、调用语法或配置参数，暂未提供。\n\n适用场景：适合需要系统化重构大型或历史遗留前端代码库的团队，尤其是关注安全落地与可测试性的场景。\n\n限制：资料未说明支持的框架、平台、收费模式或依赖要求，暂未提供；具体执行仍需结合项目实际评估。