Web Quality

Web Quality Skills for optimizing web projects based on Google Lighthouse guidelines and Core Web Vitals

lighthouseaccessibilityseoperformancecore-web-vitalsweb-quality-audit

Web Quality

Web Quality Skills is a collection of Agent Skills for optimizing web projects based on Google Lighthouse guidelines and Core Web Vitals. The skills are framework-agnostic and follow the Agent Skills specification.

Subskills

| Skill | Description | Triggers | |-------|-------------|----------| | accessibility | WCAG 2.2 accessibility guidelines | "a11y", "WCAG", "accessible" | | best-practices | General web best practices | "security", "best practices", "modern" | | core-web-vitals | Core Web Vitals optimization | "LCP", "INP", "CLS", "Core Web Vitals" | | performance | Performance optimization | "speed up", "optimize", "load time" | | seo | SEO best practices | "SEO", "meta tags", "search" | | web-quality-audit | Comprehensive web audit | "audit", "quality review", "lighthouse" |

Key Thresholds

Core Web Vitals (Good)

  • LCP ≤ 2.5s
  • INP ≤ 200ms
  • CLS ≤ 0.1

Performance Budgets

  • Total: < 1.5 MB
  • JS: < 300 KB
  • CSS: < 100 KB

Lighthouse Targets

  • Performance: ≥ 90
  • Accessibility: 100
  • Best Practices: ≥ 95
  • SEO: ≥ 95

Quick Reference