perf-audit：给AI Agent装上前端性能审计能力

做前端开发的同学，有没有被”这个页面怎么这么慢”折磨过？很多时候问题不在代码逻辑，而是那个动不动就几 MB 的 Bundle。今天推荐一个刚上榜 SkillHub 的新 Skill——perf-audit，专门给 AI Coding Agent 装上性能审计能力。

它能做什么？

你只需要说”帮我审计一下性能”，它就能自动完成整个流程：检测项目用的构建工具（Vite / Webpack / Next.js / Rollup 都能认），跑生产构建，然后分析输出目录里每个 JS 文件的原始体积和 gzip 体积——直接用 gzip -c | wc -c 量出来，而不是靠估计。

如果构建工具支持，还能生成模块级拆解报告，比如哪个第三方库吃掉了 40% 的体积，哪行代码贡献最大。输出的格式很实用：

• Bundle 总览：总体积 / gzip 体积 vs 预算阈值
• 大块分析：文件名 + 体积 + 占比
• 重量级依赖：包名 + 体积 + 更轻量的替代方案
• 快速优化项：按节省空间排序

为什么值得装？

之前 AI Coding Agent 帮你写代码是一把好手，但说到”帮我看看为什么这么慢”，大多数只能靠猜测。perf-audit 把专业的性能审计流程变成了一个可复用的 Skill——你不需要装额外的分析工具（除非你想），它先用最朴素的文件大小测量，再用构建工具自带或开源的可视化插件生成报告。

而且它的错误处理设计得挺周到：构建失败就停下来报错误信息，不会硬跑；没找到构建产物就提示先跑构建；不认识构建工具就降级到只扫描 package.json 里的可疑依赖。

适合谁用？

前端开发、Full-stack 工程师，特别是用 AI Agent 写代码的朋友。接入了 Claude Code / Cursor / Codex / Gemini CLI 等主流 Agent，装上就能用。

做产品迭代的时候，在提交代码前跑一次性能审计，把大依赖和优化建议直接交给 AI 处理——这才是 AI 给力的正确打开方式。

GitHub：https://github.com/helderberto/agent-skills
Skill 路径：skills/perf-audit/

GitHub: https://github.com/helderberto/agent-skills