mcpField
W
wcag-ai-skill

wcag-ai-skill

github.com/podoデザイン・UI29204 回インストール2 日前に更新
リポジトリ

wcag-ai-skill について

wcag-ai-skillは、WCAG 2.2の達成基準を、設計、実装、コンテンツ、テスト、修正、適合文書に関する実践的なガイダンスに変換します。アクセシビリティ業務に携わるチーム向けで、既成コンポーネントや法的認証ではなく、計画や基準を作成します。

主な機能

  1. 01アクセシビリティ業務全体のガイダンス
  2. 02設計要件とガイドライン
  3. 03実装とコンテンツの指針
  4. 04QAテストと修正計画
  5. 05適合文書の作成

活用シーン

  1. 01アクセシビリティ受け入れ基準の作成
  2. 02アクセシビリティテストの計画
  3. 03適合状況と修正内容の文書化

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/podo/design-agent-skills --skill wcag-ai-skill

インストール後、Claude Code で/wcag-ai-skillを入力して読み込まれたか確認します。

同梱ファイルstub.yaml

詳細

wcag-ai-skill

カタログ用スタブ — スキルの完全版はこちらです:Raze-Systems/wcag-ai-skill

判断ツリー

  1. 完全版のスキルはすでにインストールされていますか? 上流ではこのスキルを wcag-22 と命名しているため、このポインターの隣にインストールされます(ポインターは置き換えられません)。

    • グローバル:f=~/.agents/skills/wcag-22/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • プロジェクト:f=.agents/skills/wcag-22/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → スキルは wcag-22 としてインストール済みです。呼び出して続行してください
    • pointer → 手順2に進んでください
  2. スコープを検出してからインストールします。

    [ -e ~/.agents/skills/wcag-ai-skill ] && echo "global" || echo "project"
    

    グローバル:

    npx skills add Raze-Systems/wcag-ai-skill --skill wcag-22 -g -y
    

    プロジェクト:

    npx skills add Raze-Systems/wcag-ai-skill --skill wcag-22 -y
    

    Claude Code: 会話から離れずにコマンドを実行するには、! で始まるコマンドをチャットメッセージとして送信します。

注意事項

  • ライセンス: AGPL-3.0(コピーレフト。README と SKILL.md に記載されていますが、リポジトリには LICENSE ファイルがありません)

インストール後の呼び出し

  • スキル名:wcag-22
  • トリガーフレーズ:「WCAG 2.2 guidance」、「Raze Systems」、「WCAG conformance docs」、「accessibility remediation」

概要

WCAG 2.2 の達成基準を、アクセシビリティワークフロー全体にわたる実践的で実行可能なガイダンスに変換します。対象には、ウェブデザイン(仕様に盛り込む内容)、フロントエンド実装(コードの書き方)、コンテンツレビュー(ライターが把握すべき内容)、アクセシビリティ QA(テスト方法)、修正計画(問題の修正方法)、適合性文書(報告方法)が含まれます。ガイドライン、要件、受け入れ基準、テスト計画を作成しますが、すぐに使えるコンポーネントや法的な認証は提供しません。監査・テスト段階に焦点を当てる wcag-audit-patterns とは異なります。

使用しない場合

  • 手軽なコントラストチェック — 対象を絞った色のコントラスト修正には fixing-accessibility を使用してください
  • Lighthouse 形式の自動パフォーマンス監査 — addyosmani-quality を使用してください

コメント