Web Quality

---
name: web-quality
description: Web quality optimization skills based on Google Lighthouse guidelines and Core Web Vitals. Use when asked to audit web quality, optimize performance, improve accessibility, fix SEO, apply best practices, or analyze Core Web Vitals (LCP, INP, CLS).
license: MIT
metadata:
  author: Addy Osmani
  source: https://github.com/addyosmani/web-quality-skills
  version: "1.0"
---

# Web Quality Skills

Comprehensive web quality optimization based on Google Lighthouse guidelines and Core Web Vitals.

## Available Sub-Skills

| Skill | File | Triggers |
|-------|------|----------|
| Web Quality Audit | [web-quality-audit-SKILL.md](web-quality-audit-SKILL.md) | "audit", "quality review", "lighthouse" |
| Performance | [performance-SKILL.md](performance-SKILL.md) | "speed up", "optimize", "load time" |
| Core Web Vitals | [core-web-vitals-SKILL.md](core-web-vitals-SKILL.md) | "LCP", "INP", "CLS", "Core Web Vitals" |
| Accessibility | [accessibility-SKILL.md](accessibility-SKILL.md) | "a11y", "WCAG", "accessible" |
| SEO | [seo-SKILL.md](seo-SKILL.md) | "SEO", "meta tags", "search" |
| Best Practices | [best-practices-SKILL.md](best-practices-SKILL.md) | "security", "best practices", "modern" |

## Key Thresholds

**Core Web Vitals (Good):**
- LCP: 2.5s or less
- INP: 200ms or less
- CLS: 0.1 or less

**Performance Budgets:**
- Total page weight: < 1.5 MB
- JavaScript: < 300 KB
- CSS: < 100 KB

**Lighthouse Targets:**
- Performance: 90+
- Accessibility: 100
- Best Practices: 95+
- SEO: 95+

## Source

From [addyosmani/web-quality-skills](https://github.com/addyosmani/web-quality-skills).