用途：面向前端应用的性能优化技能，目标是提升 Lighthouse 分数与真实用户体验。它聚焦技术性能层，界面外观与交互流程分别由其他技能负责。
主要能力：提供审计工作流（测量、诊断、按影响优先级修复、实施、用 next build 等重新验证）；区分 Core Web Vitals（LCP、INP、CLS）与 FCP、TBT、SI 等指标，并说明哪些可在真实用户字段（CrUX）测量、哪些仅限实验室；给出字体、JavaScript、CSS 与动画、图片、缓存、内容安全策略（CSP）、无障碍等检查清单；附常见 PageSpeed 失败项与修复对照表、性能预算模板（如总页面 < 1.5 MB、JS < 200 KB、LCP < 2.5s 等）。
使用方式：先测量再修改，按 P0/P1/P2 优先级处理；字体自托管并预加载关键字体，第三方脚本延迟加载，动画只用 transform 与 opacity，图片使用框架组件并设置尺寸与懒加载，哈希静态资源设置长缓存，CSP 按功能必要性审批来源。
适用场景：构建或审计落地页、Web 应用的前端性能。
限制：清单项是启发式而非通用规则，需结合性能追踪、浏览器支持契约与无障碍负责人确认；字段数据需注明 p75、设备、周期与样本量；TBT 不能替代 INP 证据。在非 Claude Code 环境、无浏览器通道或无网络时，规则仍适用但需人工执行，且无法实测分数与字段数据。具体安装命令与价格暂未提供。