Skills addyosmani web-quality-skills
Web Quality Skills Bundle of 6 skills
- Use it when:
- You want a website checked and fixed for speed, accessibility, search and security, with measured evidence behind each finding.
- It does:
- Starts with web-quality-audit, one review across every area, then goes deep with one skill per area; each measures, fixes or recommends fixes, and measures again.
- You get:
- Code fixes, and from the audit a report: an evidence table, issues ranked critical to low with file and fix, a fix order and what's still unverified.
- Keeps apart:
- Real-user data, lab runs and guesses from reading code; a high Lighthouse score is never taken as proof of quality.
- Works with:
- Chrome DevTools MCP when connected; otherwise the Lighthouse CLI, PageSpeed Insights, axe and manual checks.
- Install:
- All six: core-web-vitals and web-quality-audit read files that ship only with the performance skill.
TL;DR
Six skills by Addy Osmani, built on Google Lighthouse, Chrome DevTools and Core Web Vitals; the README calls the collection unofficial. web-quality-audit is the entry point: it settles which pages, states and devices to check, takes a small live baseline, then covers performance, accessibility, SEO, best practices and agentic browsing (how well an AI assistant can understand and operate the page), ending with a ranked report and a fix order. The other five each go deep on one area. performance owns the measurement workflow, which web-quality-audit and core-web-vitals also read: real-user Chrome data (CrUX) decides whether users have a problem, a browser trace or Lighthouse run finds why, and code inspection only forms hypotheses. core-web-vitals targets just LCP, INP and CLS (loading, responsiveness and layout stability) and their thresholds. accessibility tests against WCAG 2.2 with Lighthouse, the accessibility tree and the keyboard. seo covers crawling, indexing, page tags and structured data without promising rankings. best-practices covers security headers, CSP, deprecated APIs and code quality, adding the dependency and header checks Lighthouse lacks. Each re-runs the same checks after its fixes; for speed, real-user confirmation waits for new visits.
Summarizes the repo at afa8da9.
Any agent, with the skills CLI
npx skills add addyosmani/web-quality-skills Claude Code plugin
claude plugin marketplace add addyosmani/web-quality-skills && claude plugin install web-quality-skills@addy-web-quality-skills Codex plugin marketplace, Codex CLI 0.122+
codex plugin marketplace add addyosmani/web-quality-skills Gemini CLI extension
gemini extensions install https://github.com/addyosmani/web-quality-skills Source on GitHubAll skills from addyosmani/web-quality-skills
- Total Downloads
- 68,374 of accessibility, its most installed skill, on skills.sh, Nov 9, 2026
- Repo stars
- 3,058 addyosmani/web-quality-skills
- First seen
- Jan 20, 2026 on skills.sh, its first skill
Its skills, in the order they're used
The ones marked “Only in the bundle” need the rest of it. The others also work alone.
-
Audits a site's performance, accessibility, SEO, best practices and agent readiness from live measurements, then makes or recommends fixes by severity.
Reads the measurement workflow that ships with the performance skill before it measures a live page.
-
performance
43.6K total downloadsSpeeds up web pages by measuring real-user and lab data first, fixing only the measured bottlenecks, then re-measuring.
-
Diagnoses and fixes slow loading, sluggish responses and layout shifts (LCP, INP, CLS) from real-user data and browser traces.
Reads the measurement workflow and the real-user monitoring reference that ship with the performance skill.
-
accessibility
68.4K total downloadsAudits and fixes accessibility against WCAG 2.2.
-
seo
54.6K total downloadsAudits a site's technical and on-page SEO with Lighthouse, fixes the source, then re-runs the same checks.
-
best-practices
30.7K total downloadsAudits a site for security headers, browser compatibility, deprecated APIs and console errors with Lighthouse, then fixes the code.