web-performance
Web 效能與 Core Web Vitals 優化(LCP/INP/CLS、Lighthouse、bundle)。不含一般框架寫法
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Menu
Web 效能與 Core Web Vitals 優化(LCP/INP/CLS、Lighthouse、bundle)。不含一般框架寫法
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional 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 段。最低標準: