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-quality
3description: |
4 6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG),
5 web quality audit (Lighthouse-style), Core Web Vitals (LCP/INP/CLS),
6 performance, SEO, and security best practices.
7triggers:
8 - "Addy Osmani"
9 - "web quality"
10 - "core web vitals"
11 - "web accessibility"
12 - "Lighthouse audit"
13 - "SEO audit"
14 - "web best practices"
15das:
16 category: accessibility-quality
17 upstream: "https://github.com/addyosmani/web-quality-skills"
18 version: latest
19 install: false
20---
21
22# addyosmani-quality
23
24> Catalogue stub — full package: [addyosmani/web-quality-skills](https://github.com/addyosmani/web-quality-skills)
25
26## Decision tree
27
28Run this before any web quality, performance, or accessibility audit:
29
301. **Is an Osmani skill already installed?**
31 Check: `~/.design-agent-skills/skills/web-quality-audit/SKILL.md` exists (representative skill).
32 - Yes → invoke the specific skill by name and proceed
33 - No → go to step 2
34
352. **Do you have shell access?**
36 - Yes → install the specific skill below, then invoke it
37 - 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
38
39## Install command
40
41```bash
42# WCAG compliance, screen reader, keyboard navigation
43npx skills add addyosmani/web-quality-skills --skill accessibility
44
45# Lighthouse-style: performance, a11y, SEO, best practices
46npx skills add addyosmani/web-quality-skills --skill web-quality-audit
47
48# LCP, INP, CLS-specific optimizations
49npx skills add addyosmani/web-quality-skills --skill core-web-vitals
50
51# Loading speed, runtime efficiency, resource optimization
52npx skills add addyosmani/web-quality-skills --skill performance
53
54# Search engine optimization, structured data
55npx skills add addyosmani/web-quality-skills --skill seo
56
57# Security, modern web APIs, code quality
58npx skills add addyosmani/web-quality-skills --skill best-practices
59```
60
61## Invoke after install
62
63- `accessibility` — "WCAG compliance", "screen reader", "keyboard nav"
64- `web-quality-audit` — "Lighthouse audit", "web quality"
65- `core-web-vitals` — "LCP", "INP", "CLS", "Core Web Vitals"
66- `performance` — "page speed", "loading performance"
67- `seo` — "SEO", "structured data", "crawlability"
68- `best-practices` — "web security", "modern APIs", "code quality"
69
70## What it does
71
72Addy 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