Agent Skills
返回列表
验证保护下的前端重构清理

验证保护下的前端重构清理

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_15292d5a/yjkj-fec-refactor-clean。

技能介绍

要解决什么问题

前端仓库里「看起来没人用」的代码往往仍被路由、动态 import、barrel export、Storybook 或构建插件间接引用。一次性大范围删除很容易在 CI 通过前就把入口或运行时约定弄坏,技术债清理和依赖大版本升级若混在一起,回滚成本也很高。

技能如何工作

本技能把清理流程固定在验证保护之下:先确认当前 lint、type-check、test、build 的基线,再用仓库已有工具(如 knip、depcheck、ts-prune、ESLint、TypeScript)或 rg 收集候选项,并按风险分级:

  • SAFE:测试夹具、未引用工具函数、明确未导出的私有组件——可自动处理。
  • CAUTION / DANGER:共享组件、路由、配置、动态 import 等——只输出建议与证据,不直接删。
  • UPGRADE:过期或未使用依赖单独进入依赖评估,不与死代码删除混做。

每批清理后运行受影响验证命令;失败则停止扩大范围。结束时做行为等价复核(公开 API、路由、模板、metadata、文档示例),并生成 reports/refactor-clean-YYYY-MM-DD-HHmmss.md 报告,记录候选项、已清理项、跳过原因与剩余风险。

适用边界

不改变用户可见行为;不用「看起来没人用」当证据;不把格式化、重命名或架构重写混入死代码清理。低证据的大范围重写只给建议,不强行执行。

使用场景

  • Monorepo 前端子包长期堆积未引用工具函数,需在 test/build 通过前提下分批删除 SAFE 项
  • React 项目准备升级构建链,想先用 knip/ts-prune 列出候选项并按路由与动态 import 分级
  • Feature 下线后 barrel export 仍残留组件,需要 rg 核对引用并只输出 CAUTION 项的删除证据
  • CI 已配置 lint 与 type-check,希望每批清理后自动跑验证并在失败时停止扩大范围

适合人员

  • 维护中大型 SPA 仓库、需要按 SAFE/CAUTION/DANGER 清理死代码而不误删路由的前端工程师
  • 负责技术债专项、要把依赖升级评估与死代码删除分开两条工作流的 Tech Lead
  • 在 Storybook 与 CSS Modules/Tailwind 并存的项目里做样式与组件引用审计的维护者
  • 发布前必须产出 refactor-clean 报告、记录跳过原因与剩余风险的 QA 或平台工程同学