Community程式設計與開發github.com

addyosmani/core-web-vitals

優化核心網頁指標(LCP、INP、CLS)以提升頁面體驗與搜尋排名。當被要求「改善 Core Web Vitals」、「修復 LCP」、「減少 CLS」、「優化 INP」、「頁面體驗優化」或「修復版面位移」時使用。

core-web-vitals 是什麼?

這個技能專門用於分析並改善 Core Web Vitals 中的三大指標:LCP(最大內容繪製)、INP(下次繪製互動)與 CLS(累計版面位移)。它適用於 Claude Code、Cursor 等 AI 代理開發工具,能自動檢測並最佳化網頁的載入速度、互動回應性與視覺穩定性。透過讀取頁面原始碼或 Lighthouse 報告,它會提供具體的修復建議,例如圖片最佳化(LCP)、減少長任務(INP)、設定元素尺寸(CLS)等。對於追求良好使用者體驗與搜尋排名的開發者來說,這是一個實用的效能調校輔助工具。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/addyosmani/web-quality-skills/tree/main/skills/core-web-vitals

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

addyosani/core-web-vitals

優化核心網頁指標(LCP、INP、CLS)以提升頁面體驗與搜尋排名。當被要求「改善 Core Web Vitals」、「修復 LCP」、「減少 CLS」、「優化 INP」、「頁面體驗優化」或「修復版面位移」時使用。

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

相關技能