Updated 2mo ago
by addyosmani
web-quality-skills
Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.
3k GitHub stars (3,039)
+157 in 30 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 |
| Oct 17 | +8 |
| Oct 18 | 0 |
| Oct 19 | +5 |
| Oct 20 | +6 |
| Oct 21 | +4 |
| Oct 22 | +2 |
| Oct 23 | +5 |
| Oct 24 | +4 |
| Oct 25 | +1 |
| Oct 26 | +6 |
| Oct 27 | +4 |
| Oct 28 | +7 |
| Oct 29 | +6 |
| Oct 30 | +6 |
| Oct 31 | +2 |
| Nov 1 | +3 |
| Nov 2 | +5 |
| Nov 3 | +5 |
| Nov 4 | +4 |
| Nov 5 | +8 |
- 6 skills (6 skills found in its SKILL.md files)
- 264 forks (264 forks)
- 2mo ago last update (Last updated 2mo 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/ on GitHub (opens in a new tab)SKILL.md -
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/ on GitHub (opens in a new tab)SKILL.md -
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/ on GitHub (opens in a new tab)SKILL.md -
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/ on GitHub (opens in a new tab)SKILL.md -
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/ on GitHub (opens in a new tab)SKILL.md -
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/ on GitHub (opens in a new tab)SKILL.md
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.