mcpField
A
accessibility-agents

accessibility-agents

github.com/podoテスト・品質29172 回インストール1 日前に更新
リポジトリ

accessibility-agents について

accessibility-agentsは、ウェブ、ドキュメント、デスクトップツール、GitHubのワークフローを扱う開発者やチーム向けのアクセシビリティスキル集です。6つのルータースキルが専門スキルへ作業を振り分け、構造化された調査結果からレポートを作成します。

主な機能

  1. 016つのルータースキルによる専門スキルの振り分け
  2. 02ウェブとドキュメントのアクセシビリティ対応
  3. 03デスクトップとPythonツール向けスキル
  4. 04GitHubワークフロー対応
  5. 05構造化された調査結果からレポートを作成

活用シーン

  1. 01アクセシブルなウェブUIの確認と変更
  2. 02サイトやアプリの監査
  3. 03Office、PDF、ePub、Markdownファイルの確認
  4. 04GitHubでのアクセシビリティ作業

MCP 対応

上流の追加機能には、スキャナーを提供するMCPサーバーが含まれます。READMEによると、この機能はClaude Codeプラグイン経由または上流のインストールスクリプトで利用でき、`npx skills add`には含まれません。

インストール

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

$npx skills add https://github.com/podo/design-agent-skills --skill accessibility-agents

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

同梱ファイルstub.yaml

詳細

accessibility-agents

カタログ用の簡易ページ — パッケージ全体はこちら:Community-Access/accessibility-agents

判断ツリー

  1. スキル全体はすでにインストールされていますか? このパッケージは108個のスキル(accessibility-lead、web-accessibility-wizard、document-accessibility-wizard、markdown-a11y-assistant、developer-hub、github-hub、a11y-core、a11y-tool-builder、accessibility-regression-detector、accessibility-statement、actions-manager、alt-text-headings、analytics、aria-specialist、ci-accessibility、cognitive-accessibility、compliance-mapping、contrast-master、contributions-hub、cross-document-analyzer、cross-page-analyzer、daily-briefing、data-visualization-accessibility、design-system-auditor、desktop-a11y-specialist、desktop-a11y-testing-coach、document-csv-reporter、document-inventory、email-accessibility、epub-accessibility、epub-scan-config、excel-accessibility、forms-specialist、i18n-accessibility、insiders-a11y-tracker、issue-tracker、kb-accessibility-rules、kb-ci-integration、kb-cognitive-accessibility、kb-data-visualization-accessibility、kb-design-system、kb-document-scanning、kb-email-accessibility、kb-framework-accessibility、kb-github-a11y-scanner、kb-github-analytics-scoring、kb-github-scanning、kb-github-shared-instructions、kb-github-workflow-standards、kb-help-url-reference、kb-legal-compliance-mapping、kb-lighthouse-scanner、kb-markdown-accessibility、kb-media-accessibility、kb-mobile-accessibility、kb-office-remediation、kb-path-instructions、kb-playwright-testing、kb-python-development、kb-report-generation、kb-severity-mapping、kb-testing-strategy、kb-web-scanning、kb-web-severity-scoring、keyboard-navigator、lighthouse-bridge、link-checker、live-region-controller、markdown-csv-reporter、markdown-fixer、markdown-scanner、media-accessibility、mobile-accessibility、modal-specialist、notifications-manager、nvda-addon-specialist、office-remediator、office-scan-config、pdf-accessibility、pdf-remediator、pdf-scan-config、performance-accessibility、playwright-scanner、playwright-verifier、powerpoint-accessibility、pr-review、projects-manager、python-specialist、release-manager、repo-admin、repo-manager、scanner-bridge、screen-reader-lab、security-dashboard、tables-data-specialist、team-manager、template-builder、testing-coach、text-quality-reviewer、wcag-aaa、wcag-guide、wcag3-preview、web-component-specialist、web-csv-reporter、web-issue-fixer、wiki-manager、word-accessibility、wxpython-specialist)をインストールします。まず、最初のスキルを確認します。

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

    [ -e ~/.agents/skills/accessibility-agents ] && echo "global" || echo "project"
    

    グローバル:

    npx skills add Community-Access/accessibility-agents -g -y
    

    プロジェクト:

    npx skills add Community-Access/accessibility-agents -y
    

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

Claude Codeプラグイン経由:

/plugin marketplace add Community-Access/accessibility-agents
/plugin install accessibility-agents@community-access

ご注意

  • ライセンス: MIT

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

問題を説明してください。6つのルータースキルが専門家を選び、名前を指定して作業を引き継ぐため、個別のスキルではなくパッケージ全体をインストールしてください。

  • スキル名:accessibility-lead — HTML、JSX、TSX、Vue、Svelte、CSS、テンプレートを作成または変更する前に使用
  • スキル名:web-accessibility-wizard — 1か所の変更ではなく、サイトまたはアプリ全体を監査する場合に使用
  • スキル名:document-accessibility-wizard — Word、Excel、PowerPoint、PDF、ePubファイルに使用
  • スキル名:markdown-a11y-assistant — Markdownドキュメントに使用
  • スキル名:developer-hub — Python、wxPython、デスクトップアプリ、NVDAアドオン、アクセシビリティツールに使用
  • スキル名:github-hub — イシュー、プルリクエスト、リリース、プロジェクト、アクション、セキュリティ、チーム、Wikiに使用
  • トリガーフレーズ:「accessibility agents」、「Community Access」、「PDF accessibility」、「document accessibility」、「accessibility lead」

できること

モデルはコード生成中にアクセシビリティを忘れがちです。このパッケージは作業を適切な専門家に振り分け、調査結果をまとめます。6つのルーターが、ARIA、キーボード操作、フォーカス、フォーム、コントラスト、モーダル、ライブリージョン、テーブル、認知負荷、i18n、モバイル、メール、データビジュアライゼーション、Office/PDF/ePubのスキャン、Markdown監査など、多数の専門スキル、補助スキル、リファレンススキルに名前を指定して作業を割り振ります。レポートは記憶に頼るのではなく、構造化された調査結果から生成されます。

npx skills addでインストールされるのはスキルのみです。上流の追加機能(アクセシビリティリードのレビューが完了するまでユーザー向けファイルの編集をブロックするフックと、スキャナーを提供するMCPサーバー)は、Claude Codeプラグイン経由、または上流のnode scripts/install.mjsで利用できます。

使用しない場合

  • より軽量なツールで十分な単一ファイルの監査 — fixing-accessibilityを使用
  • コントラストだけをすばやく確認する場合 — color-expertを使用
  • ルーターや専門スキルの仕組みを使わず、WCAG 2.2の監査を1回だけ行う場合 — wcag-audit-patternsを使用

コメント