Stats
Actions
Tags
From design-library
Audit and optimize web quality using Google Lighthouse and Core Web Vitals: performance (LCP, INP, CLS), SEO, and best practices. Use for page speed improvements or Lighthouse score boosts.
How this skill is triggered — by the user, by Claude, or both
Slash command
/design-library:web-qualityThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Powered by [addyosmani/web-quality-skills](https://github.com/addyosmani/web-quality-skills) — Agent Skills for web quality based on Lighthouse and Core Web Vitals.
Powered by addyosmani/web-quality-skills — Agent Skills for web quality based on Lighthouse and Core Web Vitals.
Load the skill definition using the Read tool. Without an argument, run the full audit:
~/.claude/plugins/local/design-library/designs/web-quality-skills/skills/web-quality-audit/SKILL.md
If the file is not found, tell the user: "Run /design sync to download the Web Quality skills, then try again."
Follow all instructions in the loaded file.
If the user passes an argument, load that sub-skill instead (all under designs/web-quality-skills/skills/):
| Argument | Skill file | Focus |
|---|---|---|
| (none) | web-quality-audit/SKILL.md | Full audit across all categories |
performance | performance/SKILL.md | Loading, rendering, and runtime performance |
cwv | core-web-vitals/SKILL.md | LCP, INP, CLS optimization |
seo | seo/SKILL.md | Search engine optimization |
best-practices | best-practices/SKILL.md | General web best practices |
For accessibility audits, use /a11y instead — it runs 11 WCAG 2.2 AA specialist agents and is more thorough than this repo's accessibility sub-skill.
If the Playwright MCP server is available, use it to load the page in a real browser and verify findings (screenshots, console errors, network waterfall) before and after applying fixes.
npx claudepluginhub zeta92/design-library-pluginAudits websites for performance, accessibility, SEO, and best practices using Lighthouse metrics like Core Web Vitals, resource optimization, and contrast checks.
Analyzes Lighthouse audit results and proposes prioritized improvements for Performance (Core Web Vitals: LCP, INP, CLS), Accessibility, Best Practices, and SEO.
Scans, audits, and fixes web performance issues across all four Lighthouse pillars (Performance, Accessibility, Best Practices, SEO) using a structured batch workflow. Use for Core Web Vitals improvements or PageSpeed Insights reports.