web-design-guidelines
✓UI/UX のベスト プラクティスとアクセシビリティのガイドライン。 UI コードのレビュー、アクセシビリティのチェック、フォームの監査、または Web インターフェイスのベスト プラクティスの確認を行うときに使用します。 「UI のレビュー」、「アクセシビリティのチェック」、「設計の監査」、「UX のレビュー」、または「ベスト プラクティスのチェック」でトリガーされます。
SKILL.md
Comprehensive UI/UX and accessibility guidelines for building inclusive, performant web interfaces. Contains 21 rules across 8 categories, prioritized by WCAG compliance and user impact.
| 1 | Accessibility - Semantic Structure | CRITICAL | a11y- | | 2 | Accessibility - Keyboard & Focus | CRITICAL | a11y- | | 3 | Accessibility - Visual & Color | CRITICAL | a11y- | | 4 | Forms - Input & Validation | CRITICAL | form- | | 5 | Forms - Error Handling | HIGH | form- | | 6 | Forms - User Experience | MEDIUM | form- |
| 7 | Animation & Motion | CRITICAL | motion- | | 8 | Performance & UX | MEDIUM | perf- |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/asyrafhussin/agent-skills --skill web-design-guidelines- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
web-design-guidelines とは？
UI/UX のベスト プラクティスとアクセシビリティのガイドライン。 UI コードのレビュー、アクセシビリティのチェック、フォームの監査、または Web インターフェイスのベスト プラクティスの確認を行うときに使用します。 「UI のレビュー」、「アクセシビリティのチェック」、「設計の監査」、「UX のレビュー」、または「ベスト プラクティスのチェック」でトリガーされます。 ソース: asyrafhussin/agent-skills。
web-design-guidelines のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/asyrafhussin/agent-skills --skill web-design-guidelines インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/asyrafhussin/agent-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01