用途：为 Web 应用与 SaaS 前端定义、实施或审计性能，产出三项交付物——每个关键流程的性能预算、与 SLO 绑定的测量计划、CI 中的回归门禁。适用于新产品的性能预算、RUM 捕获的 LCP/INP/CLS 现场回归诊断、团队前端合并规模化前的门禁搭建、既有前端审计，以及渲染策略选型。
主要能力：按关键流程声明目标设备类别、网络、LCP、INP、CLS、压缩 JS/CSS、总压缩传输量与图片 LCP 上限；为每个 SLI 指定来源（现场或实验室）、采集器、看板与告警阈值；提供阻塞式 CI 作业，含 size-limit、Lighthouse CI 分数与 LCP 增量、依赖体积差异检查。核心 Web Vitals 目标为 LCP p75 < 2.5s、INP p75 < 200ms、CLS p75 < 0.1，除非有书面理由的流程专属预算覆盖。
使用方式：先加载 system-architecture-design（关键流程表）与 observability-monitoring（SLO 集与 RUM 看板约定），React/Next 栈再加载 react-development 或 nextjs-app-router。阅读 SKILL.md 后按任务加载 references/budgets-and-regression-gate.md 及 loading-performance.md、rendering-and-inp.md、framework-recipes.md。先产出三项交付物，再处理单项优化。
限制：不适用于服务端延迟或数据库查询瓶颈、API 契约设计、无性能成本的纯视觉交互设计。预算须写明设备类别与网络；SLI 必须映射到 observability-monitoring 拥有的 SLO；门禁须阻塞而非仅告警；现场测量为主，实验室指标仅为前置指示。具体命令与模板细节暂未提供。