具有自動化工作流程和決策樹的智慧核心網路生命分析。透過引導式調試測量 LCP、CLS、INP，並根據結果自動確定後續分析。包括 LCP 深入研究（5 個階段）、CLS 調查（載入與互動）、INP 偵錯（延遲分解 + 歸因）以及載入、互動和媒體技能的跨技能整合的工作流程。當使用者詢問 Core Web Vitals、LCP 最佳化、版面變更或互動回應能力時使用。與 Chrome DevTools MCP 相容。
透過命令列快速安裝 webperf-core-web-vitals AI 技能到你的開發環境
來源：nucliweb/webperf-snippets。
JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcpchrome-devtoolsevaluatescript, capture output with mcpchrome-devtoolsgetconsolemessage.
| Cumulative Layout Shift (CLS) | Quick check for Cumulative Layout Shift, a Core Web Vital that measures visual stability | scripts/CLS.js | | Interaction to Next Paint (INP) | Tracks Interaction to Next Paint, a Core Web Vital that measures responsiveness | scripts/INP.js |
| LCP Image Entropy | Checks if images qualify as LCP candidates based on their entropy (bits per pixel) | scripts/LCP-Image-Entropy.js | | LCP Sub-Parts | Breaks down Largest Contentful Paint into its four phases to identify optimization opportunities | scripts/LCP-Sub-Parts.js |
具有自動化工作流程和決策樹的智慧核心網路生命分析。透過引導式調試測量 LCP、CLS、INP，並根據結果自動確定後續分析。包括 LCP 深入研究（5 個階段）、CLS 調查（載入與互動）、INP 偵錯（延遲分解 + 歸因）以及載入、互動和媒體技能的跨技能整合的工作流程。當使用者詢問 Core Web Vitals、LCP 最佳化、版面變更或互動回應能力時使用。與 Chrome DevTools MCP 相容。 來源：nucliweb/webperf-snippets。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-core-web-vitals具有自動化工作流程和決策樹的智慧核心網路生命分析。透過引導式調試測量 LCP、CLS、INP，並根據結果自動確定後續分析。包括 LCP 深入研究（5 個階段）、CLS 調查（載入與互動）、INP 偵錯（延遲分解 + 歸因）以及載入、互動和媒體技能的跨技能整合的工作流程。當使用者詢問 Core Web Vitals、LCP 最佳化、版面變更或互動回應能力時使用。與 Chrome DevTools MCP 相容。 來源：nucliweb/webperf-snippets。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-core-web-vitals 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/nucliweb/webperf-snippets