← ClaudeAtlas

addyosmani-qualitylisted

6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG), web quality audit (Lighthouse-style), Core Web Vitals (LCP/INP/CLS), performance, SEO, and security best practices.
podo/design-agent-skills · ★ 0 · AI & Automation · score 69
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