Performance Budget Validator 技能：检查前端构建的字节上限

Claude Code 安装步骤

从 GitHub 固定提交获取完整的 `plugins/performance/performance-budget-validator/skills/validating-performance-budgets` 目录。
复制到目标项目的 `.claude/skills/`，确认 `.claude/skills/validating-performance-budgets/SKILL.md`，再从项目根目录启动 Claude Code，输入 `/validating-performance-budgets`。

用 Claude Code 定义并执行前端体积预算，明确文件范围、压缩口径和超限报告，便于 CI 拒绝意外体积增长。

给目录页设 180 KiB 初次 JavaScript 预算。合成报告中入口 110 KiB、共享块 85 KiB，核对合计后报告是否通过。

总量 195 KiB，超限 15 KiB。报告含两个块并使用同一 KiB 口径。

GitHub 原文 · 更新日期 2026-11-13

准备自己的前端构建产物与项目预算配置。示例按压缩后首次加载的 JavaScript 计算。

让预算和实际量采用同一压缩与单位口径，明确是否包含延迟加载块。