还在等webpack编译等到发呆？给Claude装个「开发效率优化器」吧

还在等 webpack 编译等到发呆？给 Claude 装个「开发效率优化器」吧

写代码 5 分钟，编译两小时——这大概是每个前端工程师最熟悉的噩梦。但你有没有想过，让 AI 来帮你优化开发环境这套「基建」？

今天挖到一个让我眼前一亮的 Skill——agent-dx-optimizer。名字听着有点硬核，实际上它做的事非常直接：专门帮 Claude 学会优化开发者的日常体验，从构建速度到工具链效率，全部拿下。

它能做什么？

这个 Skill 其实是给 Claude 注入了一个「开发者体验专家」的人设。它擅长的领域包括：

• 构建性能优化——把 webpack/vite/turbo 的构建时间压到 30 秒以内
• 热更新加速——HMR 控制在 100ms 内，改完代码几乎秒刷新
• 测试速度——把完整测试跑完压到 2 分钟
• IDE 索引加速——解决大项目索引卡顿的问题
• 消除误报——去掉各种 lint / type 检查的无效警告

简单说，它不是在帮你写代码，而是在帮你让写代码这件事变得更快、更顺。

适用场景

如果你符合以下任意一条，这个 Skill 大概会对你很有用：

• 项目大了之后每次 npm run dev 要等上半分钟
• ESLint / TypeScript 检查慢到影响思路
• 团队新人本地起环境要折腾大半天
• 想给 AI 编程环境提速，但不知道从哪下手

怎么安装？

直接在 Claude Code 里跑：

/plugin install agent-dx-optimizer@majiayu000-claude-skill-registry

或者手动 clone 仓库，把 skills/data/agent-dx-optimizer 目录加到你的 Claude Skills 目录里就行。

实际体验

我试了一下，在一个大 monomer 项目里让 Claude 跑这个 Skill。它自动识别出了 node_modules 没做依赖预读、ESLint 检查没有并行化、webpack 的 cache 没利用起来这几个问题，然后一条条给出优化方案并执行。重新 dev 之后热更新时间从 8 秒掉到了不到 1 秒——这个体感差异还是很明显的。

当然，它不是银弹，深度优化还是需要人判断，但它能帮你在第一时间发现那些拖慢速度的坑，这件事本身就值回「安装」这个动作了。

GitHub 链接附上，543 颗星，仓库还在活跃维护中，有兴趣可以去看看：https://github.com/majiayu000/claude-skill-registry

GitHub: https://github.com/majiayu000/claude-skill-registry