​

Skills Overview

Web Quality Skills is a collection of specialized skills for improving web application quality based on Google Lighthouse guidelines. Each skill focuses on a specific aspect of web quality, providing targeted analysis and actionable recommendations.

​

Available Skills

​

Skill Comparison

​

When to Use Each Skill

​

Web Quality Audit

Use when you need a comprehensive overview of all quality issues. This is the orchestrator skill that coordinates the other specialized skills. Trigger phrases:

• “Audit my site”
• “Review web quality”
• “Run lighthouse audit”
• “Check page quality”
• “Optimize my website”

What it checks: Performance (40%), Accessibility (30%), SEO (15%), Best Practices (15%)

​

Performance

Use for deep performance optimization when you need to improve loading speed and runtime efficiency. Trigger phrases:

• “Speed up my site”
• “Optimize performance”
• “Reduce load time”
• “Fix slow loading”
• “Performance audit”

What it optimizes: Critical rendering path, resource loading, caching, JavaScript optimization, image optimization

​

Core Web Vitals

Use when specifically targeting Google’s Core Web Vitals metrics for search ranking. Trigger phrases:

• “Improve Core Web Vitals”
• “Fix LCP”
• “Reduce CLS”
• “Optimize INP”
• “Fix layout shifts”

What it measures: LCP (loading), INP (interactivity), CLS (visual stability)

​

Accessibility

Use for WCAG compliance and ensuring your site is usable by everyone, including people with disabilities. Trigger phrases:

• “Improve accessibility”
• “A11y audit”
• “WCAG compliance”
• “Screen reader support”
• “Keyboard navigation”

What it covers: POUR principles (Perceivable, Operable, Understandable, Robust)

​

SEO

Use for improving search engine visibility and rankings. Trigger phrases:

• “Improve SEO”
• “Optimize for search”
• “Fix meta tags”
• “Add structured data”
• “Sitemap optimization”

What it optimizes: Technical SEO, on-page SEO, structured data, mobile SEO

​

Best Practices

Use for security audits, code modernization, and ensuring compliance with web standards. Trigger phrases:

• “Apply best practices”
• “Security audit”
• “Modernize code”
• “Code quality review”
• “Check for vulnerabilities”

What it covers: HTTPS, CSP, security headers, deprecated APIs, code quality

​

How Skills Work Together

The Web Quality Audit skill acts as an orchestrator that coordinates all other skills:

​

Skill Relationships

• Web Quality Audit → Runs comprehensive checks using guidelines from all other skills
• Core Web Vitals → Builds on Performance skill for specific metrics
• SEO → References Core Web Vitals since they affect search ranking
• All skills → Reference back to Web Quality Audit for comprehensive reviews

​

Severity Levels

All skills use consistent severity classifications:

​

Quick Start Checklists

​

Before Every Deploy

• Core Web Vitals passing (LCP < 2.5s, INP < 200ms, CLS < 0.1)
• No accessibility errors (run axe or Lighthouse)
• No console errors
• HTTPS working correctly
• Meta tags present (title, description)

​

Weekly Review

• Check Search Console for issues
• Review Core Web Vitals trends
• Update dependencies (npm audit)
• Test with screen reader

​

Monthly Deep Dive

• Full Lighthouse audit
• Performance profiling
• Accessibility audit with real users
• SEO keyword review

​

Measurement Tools

​

Next Steps