Web Quality Skills is a collection of Agent Skills for Claude Code that help developers optimize web projects based on Google Lighthouse guidelines and Core Web Vitals best practices. The toolkit provides specialized skills covering web quality audits, performance optimization, Core Web Vitals (LCP, INP, CLS), accessibility (WCAG 2.2 compliance), SEO, and security best practices. Framework-agnostic by design, it works seamlessly with React, Vue, Angular, Svelte, Next.js, Nuxt, Astro, and plain HTML. Skills activate automatically when requests match their descriptions, delivering actionable recommendations with concrete code fixes. Quality targets include Performance 90+, Accessibility 100, Best Practices 95+, and SEO 95+ on the Lighthouse scale.
git clone https://github.com/addyosmani/web-quality-skills.git
# Install via CLI
npx add-skill addyosmani/web-quality-skills
# Or manually copy skills to ~/.claude/skills/
# Skills activate automatically:
# "Audit this page for web quality issues"
# "Optimize performance and fix Core Web Vitals"
# "Review accessibility and suggest improvements"
# "Make this SEO-ready"