Community编程与开发github.com

addyosmani/core-web-vitals

优化核心网页指标(LCP、INP、CLS),提升页面体验和搜索引擎排名。当被要求“改善核心网页指标”、“修复LCP”、“减少CLS”、“优化INP”、“页面体验优化”或“修复布局偏移”时使用。

core-web-vitals 是什么?

此技能专为开发和优化核心网页指标(Core Web Vitals)而设计,重点关注 LCP(最大内容绘制)、INP(下一次交互延迟)和 CLS(累积布局偏移)三大关键性能指标。它适用于多种 AI 代理平台(如 Claude Code、Cursor 等),通过自动识别性能瓶颈并提供具体的优化建议来帮助开发者提升页面体验和搜索引擎排名。技能基于最佳实践生成说明文档(SKILL.md),指导用户如何改善加载时间、交互响应性和视觉稳定性。其核心优势在于将复杂的 Web 性能优化过程自动化,简化用户对性能问题的排查与修复,从而显著提高网站的用户留存率和搜索排名。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/addyosmani/web-quality-skills/tree/main/skills/core-web-vitals

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

addyosami/core-web-vitals

优化核心网页指标(LCP、INP、CLS),提升页面体验和搜索引擎排名。当被要求“改善核心网页指标”、“修复LCP”、“减少CLS”、“优化INP”、“页面体验优化”或“修复布局偏移”时使用。

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

相关技能