web-quality-skills

適合用來

• 用 Lighthouse 和來源分類做以證據為先的網站品質稽核
• 診斷並改善 Core Web Vitals，例如 LCP、INP、CLS
• 依 WCAG 2.2 檢查無障礙，涵蓋螢幕閱讀器和鍵盤操作
• 改善 SEO、可爬取性和結構化資料，並套用安全與最佳實務

怎麼開始

1. 執行 npx skills add addyosmani/web-quality-skills
2. 在 Claude Code 執行 /plugin marketplace add 與 /plugin install web-quality-skills@addy-web-quality-skills
3. 用自然語言下任務，例如稽核這個頁面的網站品質問題
4. 可選接上 Chrome DevTools MCP 以進行實機 Lighthouse 稽核

使用前須知

不限框架，適用 React、Vue、Angular、Svelte、Next.js 等。即時 Lighthouse 稽核和效能追蹤需要 Chrome DevTools MCP。

以上由 AI 依據專案說明整理，實際用法請以官方文件為準。