addyosmani/web-quality-skills

解決的問題

提供一組專為 AI 編碼代理設計的「技能」，協助開發者優化 Web 專案在效能、可存取性、SEO 及整體品質方面的表現。與泛泛而談的建議不同，它讓代理能以測量為先的證據（如 Lighthouse 審查與核心 Web 指標）來診斷並修復實際問題。

如何運作

這些技能是可安裝至 AI 代理（如 Claude Code、Codex 或 Gemini CLI）的指令集。它們引導代理使用包含四種證據類型的特定測量模型：CrUX 現場資料（真實使用者體驗）、第一方 RUM、DevTools 追蹤／Lighthouse 實驗室執行，以及靜態原始碼檢查。若代理可存取 Chrome DevTools MCP，即可執行即時審查；否則將回退至 CLI 工具與靜態分析。

適用對象

使用 AI 編碼代理的 Web 開發者，希望無論使用何種框架（如 React、Vue、Svelte、Astro），其網站都能符合專業標準的載入速度、可存取性（WCAG 2.2）與搜尋引擎可見性要求。

主要亮點

• 測量為先的方法：優先使用真實使用者資料（CrUX）與實驗室追蹤，而非假設。
• 全面的品質工具組：包含針對核心 Web 指標（LCP、INP、CLS）、WCAG 2.2 可存取性與技術性 SEO 的專用技能。
• 框架無關：適用於所有主要 Web 框架及純 HTML 專案。
• 代理整合：與 Claude Code、Codex、Gemini CLI 等多個代理平台相容。