core-web-vitals：用现场与实验室证据优化 LCP、INP、CLS
core-web-vitals 是 Addy Osmani web-quality-skills 仓库中的 Agent Skill（v2.0，MIT），面向 LCP、INP、CLS 三项 Core Web Vitals。它要求先看 CrUX p75 与浏览器性能 trace，再只针对失败指标查代码与资源，修复后用等价 lab 重测，且不宣称现场指标立刻改善。文档覆盖 LCP 常见根因、检查清单、INP/CLS 专项引用，以及 CrUX、Lighthouse、一方 RUM 等测量来源边界。安装：npx skills add 指定仓库与 --skill core-web-vitals。
阅读全文web-quality-audit：用 Lighthouse 做网站质量一站式审计
web-quality-audit 是 Addy Osmani 的 web-quality-skills 中的 Agent Skill，以 Lighthouse 13+ 与浏览器实测证据为核心，覆盖性能（含 Core Web Vitals）、可访问性、SEO、最佳实践与 Agentic Browsing。一次串联 150+ 检查项，按影响与置信度归类并给出修复建议，支持 Lighthouse CLI、PageSpeed Insights 与 Chrome DevTools MCP 等工具路由。通过 npx skills add 安装后，可用自然语言触发全站或单页审计。
阅读全文用 web-perf Skill 做前端性能审计：把 Core Web Vitals 塞进 Agent 工作流
介绍 Cloudflare 官方 Agent Skill「web-perf」：借助 Chrome DevTools MCP 审计 Core Web Vitals（LCP、INP、CLS）及 FCP、TBT、Speed Index，排查渲染阻塞、网络依赖链、布局偏移与缓存问题。文章说明其定位、五阶段工作流、在 Cursor / Claude Code / Codex 等工具中的安装方式、MCP 必配项，以及典型提示词与输出格式，并提醒以现行文档核验阈值、无 MCP 时勿硬编结论。
阅读全文