具有自动化工作流程和决策树的智能核心网络生命分析。通过引导式调试测量 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