web-quality
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 practic
SKILL.md.claude/skills/web-quality/SKILL.md
GitHubWeb 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 | "audit", "quality review", "lighthouse" |
| Performance | performance-SKILL.md | "speed up", "optimize", "load time" |
| Core Web Vitals | core-web-vitals-SKILL.md | "LCP", "INP", "CLS", "Core Web Vitals" |
| Accessibility | accessibility-SKILL.md | "a11y", "WCAG", "accessible" |
| SEO | seo-SKILL.md | "SEO", "meta tags", "search" |
| Best Practices | 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+