用途：让 UI 更快更稳，把性能视为无障碍问题——缓慢或卡顿的界面最先在低端设备上失败。
主要能力与做法：
- 加载策略：先渲染首屏（SSR/服务端组件），按路由和重型组件做代码拆分，对首屏以下或交互后才出现的内容做懒加载（Astro islands / Qwik），预加载一个关键字重，使用现代响应式图片。
- 消除布局偏移：骨架屏按最终尺寸设置，用 aspect-ratio 预留媒体空间（读取 tokens/sizing.json），绝不在已有内容上方注入内容。
- 动画性能：只使用 transform/opacity，谨慎使用 will-change，时长 100–300ms（读取 tokens/motion.json），尊重 prefers-reduced-motion；为降低 INP 优先用 CSS 状态样式而非 JS；按组件导入并做 tree-shaking。
- 诊断按预算执行：LCP ≤ 2.5s、INP ≤ 200ms、CLS ≤ 0.1，在中端移动设备配置下测量（slow 4G + 4× CPU 降速）。
必要用法：技能读取工具包文件，先运行 ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING 检查。若输出 KIT_MISSING，说明只安装了技能文件夹（npx skills add 的默认行为），应如实告知并指向 npx ux-ui-agent-skills init 或插件安装，然后停止，不要猜测无法打开文件的内容。
完成标准：Lighthouse 或字段数据在中端移动端达到 LCP ≤ 2.5s、INP ≤ 200ms、CLS ≤ 0.1；在 slow 4G + 4× CPU 降速下首次交互保持响应；骨架屏与媒体预留空间（加载时 CLS 为零）；循环动画不使用非合成器属性。
限制：具体工具链与集成细节暂未提供，需以实际安装的工具包文件和 workflows/performance.md 为准。