web-quality-skills

Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.

CCClaude Code

Stars: 3.1k
Skills: 6
License: MIT
Last commit: Aug 24, 2026

install.sh

# every skill in this repo, via the skills CLI

npx skills add addyosmani/web-quality-skills

# or, for Claude Code, copy one skill folder into

~/.claude/skills/ (all projects)

.claude/skills/ (this project)

View addyosmani/web-quality-skills on GitHub

Inside this pack

6 skills in web-quality-skills

Each skill is a SKILL.md file your agent loads when a task matches its description.

01
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".
Preview SKILL.md
02
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".
Preview SKILL.md
03
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".
Preview SKILL.md
04
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".
Preview SKILL.md
05
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".
Preview SKILL.md
06
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".
Preview SKILL.md