web-design-guidelines
✓最新の Web アプリケーションの Web デザインとアクセシビリティのガイドライン。 UI コンポーネントを作成、レビュー、またはリファクタリングするときに使用して、スタイル、アニメーション、アクセシビリティ、色のコントラストのベスト プラクティスを確保します。
SKILL.md
Comprehensive web design and accessibility guide for modern web applications. Contains 4 rules covering styling, animations, accessibility, and color contrast to ensure high-quality user experiences.
| 0 | Styling | HIGH | styling- | | 1 | Accessibility | CRITICAL | accessibility- | | 4 | Color | MEDIUM-HIGH | color- | | 8 | Animation & Motion | LOW-MEDIUM | animation- |
Read individual rule files for detailed explanations and code examples:
最新の Web アプリケーションの Web デザインとアクセシビリティのガイドライン。 UI コンポーネントを作成、レビュー、またはリファクタリングするときに使用して、スタイル、アニメーション、アクセシビリティ、色のコントラストのベスト プラクティスを確保します。 ソース: boostbrothers/agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/boostbrothers/agent-skills --skill web-design-guidelines- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
web-design-guidelines とは？
最新の Web アプリケーションの Web デザインとアクセシビリティのガイドライン。 UI コンポーネントを作成、レビュー、またはリファクタリングするときに使用して、スタイル、アニメーション、アクセシビリティ、色のコントラストのベスト プラクティスを確保します。 ソース: boostbrothers/agent-skills。
web-design-guidelines のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/boostbrothers/agent-skills --skill web-design-guidelines インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/boostbrothers/agent-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01