web-design-guidelines は何をしますか？
UIコードをWebインターフェースガイドラインに準拠しているかレビューします。「UIをレビューして」「アクセシビリティをチェック」「デザイン監査」「UXをレビュー」「ベストプラクティスに沿ってサイトをチェック」などの依頼に使用します。
このスキルは、以下のようなガイドラインに基づいてコードをチェックします：
- アクセシビリティ（WCAG 2.1）
- ユーザビリティ（Nielsenのヒューリスティクス）
- レスポンシブデザイン
- 一貫性（色、タイポグラフィ、スペーシング）
- パフォーマンス（画像最適化、CSS/JSの最小化）
- セマンティックHTML
- 適切なARIA属性の使用
使い方
- レビューしたいコードをAIエージェントに提示します。
- 「このUIをレビューして」「アクセシビリティをチェックして」などの指示を出します。
- スキルが自動的にコードを解析し、ガイドライン違反や改善点をリストアップします。
対応プラットフォーム
- Claude Code
- Cursor
- Codex
- その他のAIエージェント
注意事項
- このレビューは自動化されたものであり、人間の専門家によるレビューを完全に代替するものではありません。
- ガイドラインは業界標準に基づいていますが、プロジェクト固有の要件やコンテキストを考慮していない場合があります。