web-ui-ux
✓Web 製品 UI (レイアウト、使いやすさ、マイクロコピー、アクセシビリティ、応答性の高い動作、フォーム、ナビゲーション) の設計、レビュー、および磨きをかけるための Web UI/UX 専門家のガイダンス。 UI/UX の改善、ページの監査、画面のデザイン、コンポーネント仕様の作成、または Web アプリの HTML ヘッド/マニフェスト/アイコン ガイダンスの生成を求められた場合に使用します。オプションで、UX ヒューリスティック用の Unreal UI (UMG) に適用できます。
SKILL.md
You help produce modern, usable, accessible web UI with clear, testable guidance.
Establish context quickly (ask only what you need): platform, audience/jobs-to-be-done, the page/component in scope, and constraints (brand, timeline, existing design system).
Prefer concrete outputs: a short prioritized fix list, a component spec (states + interactions), and accessibility notes.
Web 製品 UI (レイアウト、使いやすさ、マイクロコピー、アクセシビリティ、応答性の高い動作、フォーム、ナビゲーション) の設計、レビュー、および磨きをかけるための Web UI/UX 専門家のガイダンス。 UI/UX の改善、ページの監査、画面のデザイン、コンポーネント仕様の作成、または Web アプリの HTML ヘッド/マニフェスト/アイコン ガイダンスの生成を求められた場合に使用します。オプションで、UX ヒューリスティック用の Unreal UI (UMG) に適用できます。 ソース: ssdeanx/ai-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/ssdeanx/ai-skills --skill web-ui-ux- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
web-ui-ux とは？
Web 製品 UI (レイアウト、使いやすさ、マイクロコピー、アクセシビリティ、応答性の高い動作、フォーム、ナビゲーション) の設計、レビュー、および磨きをかけるための Web UI/UX 専門家のガイダンス。 UI/UX の改善、ページの監査、画面のデザイン、コンポーネント仕様の作成、または Web アプリの HTML ヘッド/マニフェスト/アイコン ガイダンスの生成を求められた場合に使用します。オプションで、UX ヒューリスティック用の Unreal UI (UMG) に適用できます。 ソース: ssdeanx/ai-skills。
web-ui-ux のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ssdeanx/ai-skills --skill web-ui-ux インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/ssdeanx/ai-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01