Web Quality Skills

Measure and improve web performance, accessibility, SEO, and engineering quality.

Addy Osmani’s framework-independent library combines Lighthouse audits, Core Web Vitals analysis, accessibility checks, and web best practices.

Use cases

  • Diagnose slow loading or unstable layouts
  • Audit accessibility, SEO, and overall web quality

How to use

Establish measurements before making changes. Use Chrome DevTools MCP when available for live audits and traces, then verify improvements with the same measurements.

Skills

  • accessibility

    Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

    addyosmani/web-quality-skills

  • best-practices

    Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".

    addyosmani/web-quality-skills

  • core-web-vitals

    Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".

    addyosmani/web-quality-skills

  • performance

    Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".

    addyosmani/web-quality-skills

  • seo

    Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".

    addyosmani/web-quality-skills

  • web-quality-audit

    Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".

    addyosmani/web-quality-skills