addyosmani-qualitylisted
Install: claude install-skill podo/design-agent-skills
# addyosmani-quality
> Catalogue stub — full package: [addyosmani/web-quality-skills](https://github.com/addyosmani/web-quality-skills)
## Decision tree
Run this before any web quality, performance, or accessibility audit:
1. **Is an Osmani skill already installed?**
Check: `~/.design-agent-skills/skills/web-quality-audit/SKILL.md` exists (representative skill).
- Yes → invoke the specific skill by name and proceed
- No → go to step 2
2. **Do you have shell access?**
- Yes → install the specific skill below, then invoke it
- No → show the install command; in Claude Code, send it as a chat message starting with `!` — add `-g` for global install or omit for project-only
## Install command
```bash
# WCAG compliance, screen reader, keyboard navigation
npx skills add addyosmani/web-quality-skills --skill accessibility
# Lighthouse-style: performance, a11y, SEO, best practices
npx skills add addyosmani/web-quality-skills --skill web-quality-audit
# LCP, INP, CLS-specific optimizations
npx skills add addyosmani/web-quality-skills --skill core-web-vitals
# Loading speed, runtime efficiency, resource optimization
npx skills add addyosmani/web-quality-skills --skill performance
# Search engine optimization, structured data
npx skills add addyosmani/web-quality-skills --skill seo
# Security, modern web APIs, code quality
npx skills add addyosmani/web-quality-skills --skill best-practices
```
## Invoke after install
- `accessibility` — "WCAG compliance", "scr