Intelligent media optimization with automated workflows for images, videos, and SVGs.包括检测 LCP 图像（触发格式/延迟加载/优先级分析）、识别布局转换风险（缺失尺寸）以及标记延迟加载问题（上方折叠延迟或下方急切）的决策树。具有用于完整媒体审核、LCP 图像调查、视频性能（海报优化）和 SVG 嵌入位图检测的工作流程。与 Core Web Vitals（LCP/CLS 影响）和加载（优先级提示、资源预加载）的跨技能集成。根据内容类型提供性能预算和格式建议。当用户询问图像优化、LCP 是图像/视频、媒体布局转变或媒体加载策略时使用。与 Chrome DevTools MCP 兼容。
通过命令行快速安装 webperf-media AI 技能到你的开发环境
来源：nucliweb/webperf-snippets。
JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcpchrome-devtoolsevaluatescript, capture output with mcpchrome-devtoolsgetconsolemessage.
| Image Element Audit | Audits all elements on the page against image performance best practices — covering loading st | scripts/Image-Element-Audit.js | | SVG Embedded Bitmap Analysis | Scans all SVG resources on the page — both external files and inline elements — and flags any | scripts/SVG-Embedded-Bitmap-Analysis.js |
| Video Element Audit | Audits all elements on the page against video performance best practices — covering preload | scripts/Video-Element-Audit.js |
Intelligent media optimization with automated workflows for images, videos, and SVGs.包括检测 LCP 图像（触发格式/延迟加载/优先级分析）、识别布局转换风险（缺失尺寸）以及标记延迟加载问题（上方折叠延迟或下方急切）的决策树。具有用于完整媒体审核、LCP 图像调查、视频性能（海报优化）和 SVG 嵌入位图检测的工作流程。与 Core Web Vitals（LCP/CLS 影响）和加载（优先级提示、资源预加载）的跨技能集成。根据内容类型提供性能预算和格式建议。当用户询问图像优化、LCP 是图像/视频、媒体布局转变或媒体加载策略时使用。与 Chrome DevTools MCP 兼容。 来源：nucliweb/webperf-snippets。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-mediaIntelligent media optimization with automated workflows for images, videos, and SVGs.包括检测 LCP 图像（触发格式/延迟加载/优先级分析）、识别布局转换风险（缺失尺寸）以及标记延迟加载问题（上方折叠延迟或下方急切）的决策树。具有用于完整媒体审核、LCP 图像调查、视频性能（海报优化）和 SVG 嵌入位图检测的工作流程。与 Core Web Vitals（LCP/CLS 影响）和加载（优先级提示、资源预加载）的跨技能集成。根据内容类型提供性能预算和格式建议。当用户询问图像优化、LCP 是图像/视频、媒体布局转变或媒体加载策略时使用。与 Chrome DevTools MCP 兼容。 来源：nucliweb/webperf-snippets。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-media 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/nucliweb/webperf-snippets