addyosmani/web-quality-skills

Registry

Summary

A Claude Skill repository providing agent skills for optimizing web quality based on Lighthouse audits and Core Web Vitals metrics.

Key features

• Lighthouse-based web quality optimization
• Core Web Vitals performance analysis
• Agent skills for automated testing
• Shell-based implementation
• Accessibility and performance focus
• Integration with Claude Skills framework

Use cases

• Automated web performance auditing
• Core Web Vitals monitoring and optimization
• Accessibility compliance testing
• Web quality benchmarking
• Continuous integration quality checks
• Developer workflow optimization

README excerpt

# Web Quality Skills An (unofficial) comprehensive collection of [Agent Skills](https://agentskills.io/) for optimizing web projects based on [Google Lighthouse](https://developer.chrome.com/docs/lighthouse/overview/) guidelines and Core Web Vitals best practices. **Stack-agnostic.** Works with any framework: React, Vue, Angular, Svelte, Next.js, Nuxt, Astro, plain HTML, and more. ## Why web quality skills? While interface guidelines tell you *what* to build, Web Quality Skills tell you *how* to build it performantly, accessibly, and optimally for search engines. These skills encode the collective wisdom from: - **150+ Lighthouse audits** across Performance, Accessibility, SEO, and Best Practices - **Core Web Vitals** optimization patterns (LCP, INP, CLS) - **Real-world performance engineering** experience - **WCAG 2.2** accessibility standards - **Modern SEO** requirements ## Available skills | Skill | Description | Use when | |-------|-------------|----------| | **[web-quality-audit](#web-quality-audit)** | Comprehensive quality review across all categories | "Audit my site", "Review this for quality", "Check web quality" | | **[performance](#performance)** | Loading speed, runtime efficiency, resource optimization | "Optimize performance", "Speed up my site", "Fix slow loading" | | **[core-web-vitals](#core-web-vitals)** | LCP, INP, CLS specific optimizations | "Improve Core Web Vitals", "Fix LCP", "Reduce CLS" | | **[accessibility](#accessibility)** | WCAG compliance, screen reader support, keyboard navigation | "Improve accessibility", "WCAG audit", "a11y review" | | **[seo](#seo)** | Search engine optimization, crawlability, structured data | "Optimize for SEO", "Improve search ranking", "Fix meta tags" | | **[best-practices](#best-practices)** | Security,

Topics