Agent Skills: Web Quality Skills

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).

UncategorizedID: georgekhananaev/claude-skills-vault/web-quality

Install this agent skill to your local

pnpm dlx add-skill https://github.com/georgekhananaev/claude-skills-vault/tree/HEAD/.claude/skills/web-quality

Skill Files

Browse the full folder contents for web-quality.

Download Skill

Loading file tree…

.claude/skills/web-quality/SKILL.md

Skill Metadata

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).

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 | "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+

Source

From addyosmani/web-quality-skills.