web-quality-skills
Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.
- 3k stars
- 259 forks
- 9 open issues
- Language: Shell
- License: MIT
- updated
Install
git clone https://github.com/addyosmani/web-quality-skills ~/.claude/skills/web-quality-skills- Clone the repository into your ~/.claude/skills directory (or copy the skill folder containing SKILL.md).
- Start a new Claude Code session so the skill registry reloads.
- Invoke it by name, or let Claude trigger it automatically when the task matches.
If the repo bundles several skills, copy only the folders you need.
Editor's note
Web Quality Skills is a collection of six agent skills for Claude Code that encode Google Lighthouse audit logic and Core Web Vitals optimization patterns into reusable, invocable instructions. The six skills cover a full-site quality audit, general performance, Core Web Vitals (LCP, INP, CLS), accessibility, SEO, and security-oriented best practices, drawing on over 150 Lighthouse audits and WCAG 2.2 standards. Installation is handled via `npx skills add addyosmani/web-quality-skills` or through the Claude Code plugin marketplace using `/plugin marketplace add`, after which skills are namespaced and callable with slash commands such as `/web-quality-skills:performance`. The collection is framework-agnostic, supporting React, Vue, Angular, Svelte, Next.js, Nuxt, Astro, and plain HTML. A notable detail is the web-quality-audit orchestrator skill, which checks 50-plus performance patterns, 40-plus accessibility rules, and 30-plus SEO requirements in a single pass. Front-end developers and site reliability engineers working on production web projects are the primary audience.
6 items in this repository
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".
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".
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".
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".
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".
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 overview
What people ask about web-quality-skills
What is addyosmani/web-quality-skills?
addyosmani/web-quality-skills is skills for the Claude AI ecosystem. Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals. It has 3k GitHub stars and its last recorded update is dated 2026-08-24.
How do I install web-quality-skills?
You can install web-quality-skills by cloning the repository (https://github.com/addyosmani/web-quality-skills) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.
Is addyosmani/web-quality-skills safe to use?
Our security agent has analyzed addyosmani/web-quality-skills and assigned a Trust Score of 92/100 (tier: Verified). See the full breakdown of passed checks and flags on this page.
Who maintains addyosmani/web-quality-skills?
addyosmani/web-quality-skills is maintained by addyosmani. The last recorded GitHub activity is dated 2026-08-24, with 9 open issues.
Are there alternatives to web-quality-skills?
Yes. On ClaudeWave you can browse similar skills at /categories/skills, sorted by popularity or recent activity.