📋 Core Web Vitals
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
npx playbooks add skill addyosmani/web-quality-skills --skill core-web-vitals
About Core Web Vitals
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
Its 35-word system prompt specializes your agent in developer workflow with structured methodology and proven output formats. Install with one command to activate immediately.
Use Cases
- Streamlining git workflows and commit conventions
- Setting up CI/CD pipelines and deployment scripts
- Managing monorepos and multi-package projects
- Automating release notes and changelogs
Example Prompts
System Prompt (35 words)
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
Frequently Asked Questions
What is Core Web Vitals?
Core Web Vitals is a free developer workflow skill for AI coding agents. Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".. It provides a specialized system prompt that configures your agent with developer workflow expertise.
How do I use Core Web Vitals with Claude Code?
Run npx playbooks add skill addyosmani/web-quality-skills --skill core-web-vitals in your terminal to install Core Web Vitals into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Core Web Vitals?
Core Web Vitals is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Core Web Vitals free to use?
Yes, Core Web Vitals is completely free and open source. The full source is available on GitHub at https://github.com/addyosmani/web-quality-skills/tree/main/skills/core-web-vitals. You only need a subscription to the AI agent you use it with.
