Web Quality Skills skills
Lighthouse-based performance, accessibility, SEO, best practices, Core Web Vitals skills-hub.ai mirrors 6 skills from Web Quality Skills daily — every skill links back to its upstream GitHub source. Install with one command across Claude Code, Cursor, Codex, Windsurf, and any MCP-compatible tool.
Upstream: github.com/addyosmani/web-quality-skills
Installing a Web Quality Skills skill
Pick a skill below, then run the install command for your AI coding tool. The skills-hub CLI writes the SKILL.md to the right directory and tracks the install in .skills.json so your team gets reproducible installs.
# Install a Web Quality Skills skill
npx @skills-hub-ai/cli install <skill-slug>
# Browse all Web Quality Skills skills via API
curl https://skills-hub.ai/api/v1/skills?source=web-quality
# Browse all sources
open https://skills-hub.ai/sourcesTop Web Quality Skills skills
See all →The most-installed skills from Web Quality Skills, ranked by adoption.
01best-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".
Accessibilityfrom Web Quality Skills02performance
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".
Accessibilityfrom Web Quality Skills03accessibility
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".
Accessibilityfrom Web Quality Skills04core-web-vitals
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
Accessibilityfrom Web Quality Skills05seo
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".
Accessibilityfrom Web Quality Skills
About this source
skills-hub.ai mirrors skills from 90+ official GitHub repositories every day. Each imported skill is parsed from a SKILL.md file in the source repo, gets a security scan and quality score on import, and links back to its upstream source of truth.
Last sync: Apr 30, 2026, 10:12 PM (success).
Web Quality Skills skills — frequently asked
What are Web Quality Skills skills?
Web Quality Skills skills are AI coding skills published by Web Quality Skills (Lighthouse-based performance, accessibility, SEO, best practices, Core Web Vitals) and mirrored daily on skills-hub.ai. They are SKILL.md files that follow the open Agent Skills standard, so they work in Claude Code, Cursor, Codex CLI, Windsurf, Copilot, and any MCP-compatible tool.
How many Web Quality Skills skills are available?
skills-hub.ai indexes 6 skills from Web Quality Skills, synced daily from the upstream GitHub repository (https://github.com/addyosmani/web-quality-skills).
How do I install a Web Quality Skills skill?
Run `npx @skills-hub-ai/cli install <skill-slug>` in your project. The CLI writes the SKILL.md to the right directory for your AI tool and adds it to your `.skills.json` lockfile so your team gets the same skills at the same versions.
Are these official Web Quality Skills skills?
Yes. Every skill from this source is mirrored from Web Quality Skills's own GitHub repository (https://github.com/addyosmani/web-quality-skills). Each skill page links back to the upstream source of truth, so you can verify the original.