interaction-design
✓ユーザーの目標と認知原則に基づいて、直感的で意味のあるインタラクションを設計します。コンポーネントの動作、ユーザー フロー、フィードバック システム、エラー処理、ロード状態、遷移、アクセシビリティ、キーボード ナビゲーション、タッチ/ジェスチャ インタラクションを設計する場合、またはインタラクションの品質を評価する場合に使用します。また、モーダルかモードレスかの決定、直接操作パターン、入力デバイスの考慮事項、UX の感情的/劇的な側面、またはインターフェイスの応答性、人間味、および目標指向性を感じさせるものについて質問された場合にも使用します。
SKILL.md
Design interactions that help real people accomplish real goals with minimum friction and maximum meaning.
Before any pattern or timing value, ask: What is the user trying to accomplish, and how does this interaction help or hinder that goal?
Interaction design is not about mechanisms. It is about helping specific people achieve specific purposes while respecting their time, attention, and humanity.
ユーザーの目標と認知原則に基づいて、直感的で意味のあるインタラクションを設計します。コンポーネントの動作、ユーザー フロー、フィードバック システム、エラー処理、ロード状態、遷移、アクセシビリティ、キーボード ナビゲーション、タッチ/ジェスチャ インタラクションを設計する場合、またはインタラクションの品質を評価する場合に使用します。また、モーダルかモードレスかの決定、直接操作パターン、入力デバイスの考慮事項、UX の感情的/劇的な側面、またはインターフェイスの応答性、人間味、および目標指向性を感じさせるものについて質問された場合にも使用します。 ソース: petekp/claude-code-setup。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/petekp/claude-code-setup --skill interaction-design- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
interaction-design とは？
ユーザーの目標と認知原則に基づいて、直感的で意味のあるインタラクションを設計します。コンポーネントの動作、ユーザー フロー、フィードバック システム、エラー処理、ロード状態、遷移、アクセシビリティ、キーボード ナビゲーション、タッチ/ジェスチャ インタラクションを設計する場合、またはインタラクションの品質を評価する場合に使用します。また、モーダルかモードレスかの決定、直接操作パターン、入力デバイスの考慮事項、UX の感情的/劇的な側面、またはインターフェイスの応答性、人間味、および目標指向性を感じさせるものについて質問された場合にも使用します。 ソース: petekp/claude-code-setup。
interaction-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/petekp/claude-code-setup --skill interaction-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/petekp/claude-code-setup
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01