/ ディレクトリ / プレイグラウンド / luxembourg-accessibility-skillset
● コミュニティ geoffreycrofte ⚡ 即起動

luxembourg-accessibility-skillset

作者 geoffreycrofte · geoffreycrofte/luxembourg-accessibility-skillset

ルクセンブルクのRAWeb(136のウェブ基準)およびRAAM(108のモバイル基準)アクセシビリティ標準に対応する6つのスキル — コード生成と監査の両方をカバーします。

Claude Codeをルクセンブルク公式アクセシビリティフレームワークに準拠させるスキルセットです。RAWeb 1.1はウェブ向け(HTML/CSS/JS、17テーマ)、RAAM 1.1はモバイル向け(iOS SwiftUI/UIKit、Android Compose/XML、React Native、Flutter)に対応します。それぞれ-code-auditのサブスキルがあります。RAPDFは今後対応予定です。すべての基準はレベルAA準拠を目標とし、EN 301 549およびWCAG 2.1に整合しています。

なぜ使うのか

主な機能

ライブデモ

実際の動作

luxembourg-accessibility-skillset-skill.replay ▶ 準備完了
0/0

インストール

クライアントを選択

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "luxembourg-accessibility-skillset-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/geoffreycrofte/luxembourg-accessibility-skillset",
        "~/.claude/skills/luxembourg-accessibility-skillset"
      ],
      "_inferred": true
    }
  }
}

Claude Desktop → Settings → Developer → Edit Config を開く。保存後、アプリを再起動。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "luxembourg-accessibility-skillset-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/geoffreycrofte/luxembourg-accessibility-skillset",
        "~/.claude/skills/luxembourg-accessibility-skillset"
      ],
      "_inferred": true
    }
  }
}

Cursor は Claude Desktop と同じ mcpServers スキーマを使用。プロジェクト設定はグローバルより優先。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "luxembourg-accessibility-skillset-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/geoffreycrofte/luxembourg-accessibility-skillset",
        "~/.claude/skills/luxembourg-accessibility-skillset"
      ],
      "_inferred": true
    }
  }
}

Cline サイドバーの MCP Servers アイコンをクリックし、"Edit Configuration" を選択。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "luxembourg-accessibility-skillset-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/geoffreycrofte/luxembourg-accessibility-skillset",
        "~/.claude/skills/luxembourg-accessibility-skillset"
      ],
      "_inferred": true
    }
  }
}

Claude Desktop と同じ形式。Windsurf を再起動して反映。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "luxembourg-accessibility-skillset-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/geoffreycrofte/luxembourg-accessibility-skillset",
        "~/.claude/skills/luxembourg-accessibility-skillset"
      ]
    }
  ]
}

Continue はマップではなくサーバーオブジェクトの配列を使用。

~/.config/zed/settings.json
{
  "context_servers": {
    "luxembourg-accessibility-skillset-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/geoffreycrofte/luxembourg-accessibility-skillset",
          "~/.claude/skills/luxembourg-accessibility-skillset"
        ]
      }
    }
  }
}

context_servers に追加。保存時に Zed がホットリロード。

claude mcp add luxembourg-accessibility-skillset-skill -- git clone https://github.com/geoffreycrofte/luxembourg-accessibility-skillset ~/.claude/skills/luxembourg-accessibility-skillset

ワンライナー。claude mcp list で確認、claude mcp remove で削除。

ユースケース

実用的な使い方: luxembourg-accessibility-skillset

提出期限前に公的機関のウェブサイトをRAWebに基づいて監査する

👤 RAWeb準拠が求められるルクセンブルクの行政機関およびベンダー ⏱ ~90 min intermediate

使うタイミング: 期限が迫っており、公開前に構造化された監査が必要な場合。

前提条件
  • スキルセットを~/.claude/skills/にクローン済み — git clone https://github.com/geoffreycrofte/luxembourg-accessibility-skillset ~/.claude/skills/luxembourg-accessibility-skillset
フロー
  1. コードを指定する
    Use raweb-audit to evaluate src/pages/contact.tsx against all 17 themes. Level AA.✓ コピーしました
    → 基準ごとの合否判定と行番号の参照
  2. 不合格項目を修正する
    For each failed criterion, apply the raweb-code pattern to fix it.✓ コピーしました
    → 新たなリグレッションを発生させずに特定の基準を解決する差分

結果: RAWeb準拠のページと、変更内容の追跡記録。

注意点
  • アクセシビリティの手動修正で既存のセマンティクスが壊れる場合がある — 編集後は必ずraweb-auditを再実行すること — 基準同士が相互に影響する
組み合わせ: github · filesystem

アクセシブルなモバイル画面(SwiftUI / Compose)を最初から生成する

👤 ルクセンブルク公的機関向けのアプリを開発するモバイルエンジニア ⏱ ~45 min intermediate

使うタイミング: 新機能の開発時 — 後からアクセシビリティを付け足したくない場合。

フロー
  1. 画面を説明する
    Use raam-code — SwiftUI login screen with form, errors, and biometric option. RAAM Level AA.✓ コピーしました
    → 適切なアクセシビリティラベル、トレイト、ダイナミックタイプ、VoiceOverヒントを含むコード
  2. セルフ監査を行う
    Now raam-audit this same file. Anything missed?✓ コピーしました
    → クリーンなレポート、または軽微な残存修正

結果: 後の監査に合格する、デフォルトでアクセシブルなモバイルコード。

組み合わせ

他のMCPと組み合わせて10倍の力を

luxembourg-accessibility-skillset-skill + github

監査の修正を基準ごとのコミットに分けたPRを作成し、追跡性を確保する

Run raweb-audit, fix the failures, and open a PR with one commit per criterion.✓ コピーしました
luxembourg-accessibility-skillset-skill + filesystem

src/ツリー全体を一括で監査・修正する

Audit every .tsx file under src/pages and fix everything that fails RAWeb AA.✓ コピーしました

ツール

このMCPが提供する機能

ツール入力呼び出すタイミングコスト
raweb-code component intent + pattern (form / table / nav / modal) 新しいウェブコードを書くとき 0
raweb-audit file path or code block 提出前またはPRレビュー時 0
raam-code screen intent + framework (SwiftUI/Compose/RN/Flutter) 新しいモバイル画面を作成するとき 0
raam-audit file path or code block + framework リリース前のモバイル監査 0

コストと制限

運用コスト

APIクォータ
なし
呼び出しあたりのトークン
大きなファイルでは監査のトークン消費が増加します — 予算を考慮してください
金額
無料 — スキルはローカルファイルです
ヒント
コンテキスト制限に達した場合は、リポジトリ全体ではなくファイル単位で監査してください。

セキュリティ

権限、シークレット、影響範囲

認証情報の保管: 認証情報不要 — 純粋なプロンプトのみ
データ送信先: なし — コードはローカルに留まります

トラブルシューティング

よくあるエラーと対処法

Skill not invoked — Claudeが汎用的なWCAGアドバイスを使用してしまう

サブスキル名を明示的に指定してください('raweb-audit'、'raam-code'など)。通常のWCAGプロンプトではRAWebにルーティングされません。

確認: ls ~/.claude/skills/luxembourg-accessibility-skillset/
SKILL.md frontmatter wrong — サブスキルの1つでフロントマターが不正

各サブスキルには個別のSKILL.mdがあります。該当フォルダを確認してください。

確認: head ~/.claude/skills/luxembourg-accessibility-skillset/raweb-audit/SKILL.md
Wrong trigger keywords — 誤った標準で監査が実行される

'raam-audit'(モバイル)と'raweb-audit'(ウェブ)を明確に区別して指定してください。

代替案

luxembourg-accessibility-skillset 他との比較

代替案代わりに使う場面トレードオフ
axe-core / LighthouseブラウザランタイムでのWCAGチェックを行いたい場合ランタイムレベル vs ソースコードレベル。ルクセンブルク固有の枠組みには非対応
Deque skillsレポートダッシュボード付きのエンタープライズグレードのアクセシビリティツールが必要な場合有料。エージェントスキルではない

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

🔍 400以上のMCPサーバーとSkillsを見る