web-performance
Web 效能與 Core Web Vitals 優化(LCP/INP/CLS、Lighthouse、bundle)。不含一般框架寫法
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Menu
Web 效能與 Core Web Vitals 優化(LCP/INP/CLS、Lighthouse、bundle)。不含一般框架寫法
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
完整的網站開發指南,涵蓋 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 段。最低標準: