web-quality-skills
addyosmani/web-quality-skills
Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.
Install
- Stars
- ★ 2.9k
- License
- MIT
- Language
- Shell
- Last push
- Aug 24, 2026
- Topics
- accessibility · core-web-vitals · lighthouse · testing · web-performance
Good for
- Run an evidence-led web quality audit across Lighthouse and source categories
- Diagnose and improve Core Web Vitals such as LCP, INP and CLS
- Check accessibility against WCAG 2.2, including screen reader and keyboard support
- Improve SEO, crawlability and structured data, and apply security and best practices
Getting started
- Run npx skills add addyosmani/web-quality-skills
- In Claude Code run /plugin marketplace add and /plugin install web-quality-skills@addy-web-quality-skills
- Ask in plain language, such as auditing a page for web quality issues
- Optionally connect Chrome DevTools MCP for live Lighthouse audits
Before you install
Stack-agnostic, working with React, Vue, Angular, Svelte, Next.js and more. Live Lighthouse audits and performance traces need Chrome DevTools MCP.
Summarized by AI from the project docs; check the official docs before relying on it.
Similar tools
- reaCommunity skills · ★ 380k
Reverse engineer anything with agents, from app behavior down to native binaries.
- skillsCommunity skills · ★ 184k
Public repository for Agent Skills
- ponytailCommunity skills · ★ 176k
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
- agent-skillsCommunity skills · ★ 110k
Production-grade engineering skills for AI coding agents.
- paperclipCommunity skills · ★ 107k
The open-source app everyone uses to manage agents at work
Source GitHub · All rights belong to the original creators