スキル自身の言葉で
HTMLアクセシビリティのための参照・修正ルールセットで、コーディングエージェント内でインタラクティブなUIを追加・レビューするデザイナーおよび開発者を対象としています。9つのルールカテゴリを優先度と影響度でランク付けし、アクセシブルな名前、キーボードアクセス、フォーカスとダイアログ、ツールの境界(最重要)から、セマンティクス、フォーム、エラー、アナウンス、コントラストと状態、さらにメディアとモーションまでを扱います。
各カテゴリは、アイコンのみのボタンへのaria-label、1を超えるtabindexの禁止、失敗したフィールドへのaria-invalidといった具体的な要件の短いリストです。共通の修正ブロックでは、アイコンのみのボタン、divをボタンとして使うケース、リンクされていないフォームエラーについて、修正前・修正後のHTMLを示しています。また、レビューモードでは各違反について、引用行、1文での理由、コードレベルの修正を報告します。
仕組み
- 01制約をその場に適用する
素のコマンドを実行すると、そのルールはその会話で行われるあらゆるUI作業に対する常設の制約となります。単発のオーディットパスではありません。
- 02違反レポートのためにファイルを指定する
ファイル引数を付けると、そのファイルをすべてのルールに照らして検証し、各違反を引用行またはスニペット、重要性を説明する1文、そしてコードレベルの修正として報告します。
- 03カテゴリを優先順位に沿って処理する
ルールは影響度評価付きでランク付けされたカテゴリにグループ化されており、アクセシブルな名前が優先度1に位置し、最重要とマークされています。
- 04変更を最小限に保つ
このスキルは、UIの大部分を書き直すべきではないこと、そして修正は最小限かつ的を絞ったものであるべきことを明示しています。