メニュー
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.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/podo/design-agent-skills --skill addyosmani-qualityコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Domain navigator for presentations, diagrams, wireframes, data visualization, design review, product strategy, copywriting, UX writing, content design, and design research skills. Routes to the right skill for slides, charts, UX strategy, PM frameworks, email, microcopy, product copy, user research, and design sprints.
Catalogue navigator for design-agent-skills. Lists available design skill stubs, matches user intent to the right stub, and routes to install and invoke. Use when the user wants to browse or find the right design skill.
Deterministic design-system audit plus a full set of design specialists as slash commands. `npx dwic-audit` scans a project across 8 categories (color, typography, spacing, accessibility, forms, navigation, motion, copy) using WCAG contrast math and token parsing — no LLM, no token, nothing leaves the machine — then routes each finding to the specialist that fixes it. Specialists cover visual hierarchy, interaction design, design system architecture, typography, color, spacing, motion, forms, navigation, dashboards, mobile, landing pages, auth UX, healthcare UX, b2b SaaS, e-commerce, dark mode, error handling, onboarding, and data viz. No runtime dependencies, pure markdown.
SOC 職業分類に基づく
SKILL.md を表示中
| name | addyosmani-quality |
| description | 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. |
| triggers | ["Addy Osmani","web quality","core web vitals","web accessibility","Lighthouse audit","SEO audit","web best practices"] |
| das | {"category":"accessibility-quality","upstream":"https://github.com/addyosmani/web-quality-skills","version":"latest","install":false} |
Catalogue stub — full package: addyosmani/web-quality-skills
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).
Do you have shell access?
! — add -g for global install or omit for project-only# 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
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"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.