accessibility-catalogue について
accessibility-catalogueは、アクセシビリティ、ウェブパフォーマンス、コード品質に関するスキルを探すためのドメインナビゲーターです。監査、修正、改善に適したスキルを見つけるのに役立ちます。
主な機能
- 01アクセシビリティ監査・修正スキルの検索
- 02WCAG 2.2ワークフローの確認
- 03ウェブパフォーマンススキルの検索
- 04コード品質監査スキルの検索
活用シーン
- 01キーボード操作やコントラスト修正のスキル選定
- 02WCAG監査ワークフローの検索
- 03Core Web Vitals対応スキルの特定
- 04ReactやSEO監査スキルの選定
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ podo/ design-agent-skills --skill accessibility-catalogueインストール後、Claude Code で/accessibility-catalogueを入力して読み込まれたか確認します。
同梱ファイルstub.yaml
詳細
アクセシビリティカタログ
アクセシビリティ、品質、パフォーマンスに関するスキルのドメインナビゲーターです。 ユーザーがアクセシビリティ、パフォーマンス、コード品質の監査、修正、改善のスキルを求めた場合に有効にしてください。
→ 全ドメインのカタログについては、design-catalogueを使用してください。
使用するタイミング
ユーザーが次のことを求めた場合に有効にしてください。
- アクセシビリティ(WCAG、ARIA、キーボード操作、コントラスト)の監査や修正
- ウェブパフォーマンス(Core Web Vitals、Lighthouse、CWV)の改善
- コード品質の監査(React、モーション、SEO)
- WCAG 2.2 準拠のワークフローについての質問
アクセシビリティと品質
| スキル | 最適な用途 |
|---|---|
fixing-accessibility | ARIA、キーボード操作、フォーカス管理、コントラストの修正 |
wcag-audit-patterns | 修正対応を含む WCAG 2.2 の監査 |
wcag-ai-skill | WCAG 2.2 の全ワークフロー:設計 → フロントエンド → QA → 適合性ドキュメント |
accessibility-agents | WCAG 2.2 AA パッケージ:ウェブ UI、サイト監査、Office/PDF/ePub、Markdown、デスクトップ、Python ツール、GitHub ワークフロー向けのルータースキル |
mastepanoski-skills | 6 種類の監査:UX の再考、Nielsen、WCAG POUR、Don Norman、認知的ウォークスルー |
fixing-motion-performance | レイアウトスラッシング、コンポジター、スクロール連動アニメーションのパフォーマンス |
addyosmani-quality | 6 つのスキルをまとめたスイート:アクセシビリティ、Lighthouse、CWV、パフォーマンス、SEO、ベストプラクティス |
cloudflare-web-perf | Core Web Vitals:LCP、INP、CLS の修正 |
react-doctor | React のセキュリティ、パフォーマンス、正確性の評価 |
dark-pattern-audit | コードベースとコピーを静的に監査し、欺瞞的なダークパターンを検出 — 信頼度を評価し、ソース箇所を特定 |
コメント
Markdown 対応