Menu
Web 效能與 Core Web Vitals 優化（LCP/INP/CLS、Lighthouse、bundle）。不含一般框架寫法
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
完整的網站開發指南，涵蓋 UI/UX 設計、React/Vue/Next.js 前端框架、Laravel/Node.js 後端、Coding Style 與互動式選擇精靈
Web 動畫（Framer Motion、GSAP、View Transitions API、Lottie）。CSS 動畫見 ui/no-ai-feel.md
REST API 與 GraphQL 設計規範指南
認證授權（Auth.js、Clerk、JWT/Cookie 安全、RBAC/ABAC）。不含 OAuth provider 細節
Laravel、Node.js、Django、FastAPI 後端框架指南
JavaScript、TypeScript、PHP、Python、CSS 代碼規範
| id | web_performance |
| name | web_performance |
| description | Web 效能與 Core Web Vitals 優化（LCP/INP/CLS、Lighthouse、bundle）。不含一般框架寫法 |
| 層級 | 檔案 | 用途 |
|---|---|---|
| L0 | 本檔 | 路由表 |
| L1 | compact.md | 規則摘要 + 預算（≤600 tokens） |
| L2 | cwv.md | LCP/INP/CLS 規則與修補 |
| L2 | lighthouse.md | CI 整合、評分閥值 |
| L2 | bundle.md | code splitting、tree shaking |
效能、慢、卡、Lighthouse、Core Web Vitals、LCP、INP、CLS、TBT、bundle、size、優化、performance
一般 React/Vue 寫法 → 走 fe/。
見 ../_shared/verification-commands.md 的 Audit 段。最低標準：
