Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.
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.
- ✓Open-source license (MIT)
- ✓Recently active
- ✓Healthy fork ratio
- ✓Clear description
- ✓Topics declared
- ✓Documented (README)
git clone https://github.com/addyosmani/web-quality-skills ~/.claude/skills/web-quality-skills6 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 and search ranking. 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".
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. 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 2.3k GitHub stars and was last updated 1mo ago.
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 100/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 from 1mo ago, with 6 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.
Deploy web-quality-skills to your cloud
Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.
Maintain this repo? Add a badge to your README
Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.
[](https://claudewave.com/repo/addyosmani-web-quality-skills)<a href="https://claudewave.com/repo/addyosmani-web-quality-skills"><img src="https://claudewave.com/api/badge/addyosmani-web-quality-skills" alt="Featured on ClaudeWave: addyosmani/web-quality-skills" width="320" height="64" /></a>More Skills
A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io
omo/lazycodex: The coding agent for tokenmaxxers;the one and only agent harness for complex codebases. For your Codex, for your OpenCode
Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
Turn any AI agent into an AI Scientist. The #1 Agent Skills library for science, used by 160,000+ scientists worldwide. 140 ready-to-use skills plus 100+ scientific databases covering biology, chemistry, medicine, and drug discovery. Compatible with Cursor, Claude Code, Codex, Antigravity, and the open Agent Skills standard.
A curated collection of 1000+ agent skills from official dev teams and the community, compatible with Claude Code, Codex, Gemini CLI, Cursor, and more.
No description provided.