Web Quality Skills

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:

undefined

Available skills

Skill	Description	Use when
web-quality-audit	Comprehensive quality review across all categories	"Audit my site", "Review this for quality", "Check web quality"
performance	Loading speed, runtime efficiency, resource optimization	"Optimize performance", "Speed up my site", "Fix slow loading"
core-web-vitals	LCP, INP, CLS specific optimizations	"Improve Core Web Vitals", "Fix LCP", "Reduce CLS"
accessibility	WCAG compliance, screen reader support, keyboard navigation	"Improve accessibility", "WCAG audit", "a11y review"
seo	Search engine optimization, crawlability, structured data	"Optimize for SEO", "Improve search ranking", "Fix meta tags"
best-practices	Security, modern APIs, code quality patterns	"Apply best practices", "Security audit", "Code quality review"

Quick start

Installation

...