Updated 1mo ago
by addyosmani
web-quality-skills
Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.
2.9k GitHub stars (2,948)
+103 in 20 days
| Period | New stars |
|---|---|
| Sep 27 | +1 |
| Sep 28 | +4 |
| Sep 29 | +5 |
| Sep 30 | +2 |
| Oct 1 | +2 |
| Oct 2 | +6 |
| Oct 3 | +2 |
| Oct 4 | +8 |
| Oct 5 | +4 |
| Oct 6 | +3 |
| Oct 7 | +15 |
| Oct 8 | +5 |
| Oct 9 | +7 |
| Oct 10 | +5 |
| Oct 11 | +10 |
| Oct 12 | +7 |
| Oct 13 | +2 |
| Oct 14 | +3 |
| Oct 15 | +4 |
| Oct 16 | +8 |
- 6 skills (6 skills found in its SKILL.md files)
- 256 forks (256 forks)
- 1mo ago last update (Last updated 1mo ago)
Install
Skills CLI
npx skills add addyosmani/web-quality-skills
Asks which skills and agents to install. Just one: npx skills add addyosmani/web-quality-skills --skill accessibility — add -g for every project.
Claude Code
git clone https://github.com/addyosmani/web-quality-skillscp -r "web-quality-skills/skills/accessibility" ~/.claude/skills/
Copies the accessibility skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add addyosmani/web-quality-skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
accessibility
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
skills/accessibility/SKILL.md on GitHub (opens in a new tab) -
best-practices
Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".
skills/best-practices/SKILL.md on GitHub (opens in a new tab) -
core-web-vitals
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
skills/core-web-vitals/SKILL.md on GitHub (opens in a new tab) -
performance
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".
skills/performance/SKILL.md on GitHub (opens in a new tab) -
seo
Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".
skills/seo/SKILL.md on GitHub (opens in a new tab) -
web-quality-audit
Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".
skills/web-quality-audit/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.