用途：该技能提供 Web 图片优化的专家指导，适用于审计或改进图片交付、Core Web Vitals（LCP/CLS/INP）以及响应式图片。
主要能力：默认工作流要求先检查真实渲染结果（HTML、框架图片组件、网络瀑布、构建产物、CDN URL、资源清单），识别每张重要图片的页面角色（LCP/首屏、商品/图库、缩略图、CSS 背景、装饰、用户上传、源文件等），优先修复影响最大的路径。提供快速审计清单，覆盖 LCP、CLS、响应式交付、格式、压缩、加载、CDN/缓存、无障碍与 SEO。附带决策矩阵，针对静态图片、用户上传、Sirv、Next.js、CSS 背景等场景给出首选动作。还提供格式与质量起始建议（如 JPEG 75-85、WebP 75-85、AVIF 60-75 等）及常见错误清单。
使用方式：对 HTML 文件或公开 URL，可运行技能自带的无依赖审计脚本，脚本位于该技能的 scripts/ 目录，需从技能基础目录解析： node <skill-base-dir>/scripts/audit-images.mjs ./dist/index.html node <skill-base-dir>/scripts/audit-images.mjs --head https://example.com/ node <skill-base-dir>/scripts/audit-images.mjs --json https://example.com/ > image-audit.json 脚本检查图片标记、srcset/sizes、preload 提示、可能的 LCP 错误、过大的 CDN 宽度、CSS 背景图、已知图片 CDN 及可选 HTTP 头/内容长度。它只读取服务器 HTML，客户端 JS 注入的图片不会出现，SPA 需与 DevTools 对比。
适用场景：Web 性能审计、图片交付优化、响应式图片改造、Core Web Vitals 改进、CDN 迁移与格式选择等。
限制：资料未提供具体收费、价格、平台支持范围或效果保证；脚本仅分析服务器返回的 HTML，不覆盖客户端动态注入内容。