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-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 时勿硬编结论。
阅读全文