addyosmani-quality
Catalogue stub — full package: addyosmani/web-quality-skills
Decision tree
Run this before any web quality, performance, or accessibility audit:
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
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
# 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", "screen reader", "keyboard nav"web-quality-audit — "Lighthouse audit", "web quality"core-web-vitals — "LCP", "INP", "CLS", "Core Web Vitals"performance — "page speed", "loading performance"seo — "SEO", "structured data", "crawlability"best-practices — "web security", "modern APIs", "code quality"
What it does
Addy Osmani's (Google Chrome) 6-skill web quality suite. Covers the complete quality axis: accessibility (WCAG 2.2), Lighthouse-style holistic audits, Core Web Vitals optimization, loading/runtime performance, SEO, and security best practices — each as a focused, actionable skill.
1---2name: addyosmani-quality3description: 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.4---5
6# addyosmani-quality
7
8> Catalogue stub — full package: [addyosmani/web-quality-skills](https://github.com/addyosmani/web-quality-skills)
9
10## Decision tree
11
12Run this before any web quality, performance, or accessibility audit:
13
141. **Is an Osmani skill already installed?**
15 Check: `~/.design-agent-skills/skills/web-quality-audit/SKILL.md` exists (representative skill).
16 - Yes → invoke the specific skill by name and proceed
17 - No → go to step 2
18
192. **Do you have shell access?**
20 - Yes → install the specific skill below, then invoke it
21 - 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
22
23## Install command
24
25```bash
26# WCAG compliance, screen reader, keyboard navigation
27npx skills add addyosmani/web-quality-skills --skill accessibility
28
29# Lighthouse-style: performance, a11y, SEO, best practices
30npx skills add addyosmani/web-quality-skills --skill web-quality-audit
31
32# LCP, INP, CLS-specific optimizations
33npx skills add addyosmani/web-quality-skills --skill core-web-vitals
34
35# Loading speed, runtime efficiency, resource optimization
36npx skills add addyosmani/web-quality-skills --skill performance
37
38# Search engine optimization, structured data
39npx skills add addyosmani/web-quality-skills --skill seo
40
41# Security, modern web APIs, code quality
42npx skills add addyosmani/web-quality-skills --skill best-practices
43```
44
45## Invoke after install
46
47- `accessibility` — "WCAG compliance", "screen reader", "keyboard nav"
48- `web-quality-audit` — "Lighthouse audit", "web quality"
49- `core-web-vitals` — "LCP", "INP", "CLS", "Core Web Vitals"
50- `performance` — "page speed", "loading performance"
51- `seo` — "SEO", "structured data", "crawlability"
52- `best-practices` — "web security", "modern APIs", "code quality"
53
54## What it does
55
56Addy Osmani's (Google Chrome) 6-skill web quality suite. Covers the complete quality axis: accessibility (WCAG 2.2), Lighthouse-style holistic audits, Core Web Vitals optimization, loading/runtime performance, SEO, and security best practices — each as a focused, actionable skill.
podo