ユーザーの目標と認知原則に基づいて、直感的で意味のあるインタラクションを設計します。コンポーネントの動作、ユーザー フロー、フィードバック システム、エラー処理、ロード状態、遷移、アクセシビリティ、キーボード ナビゲーション、タッチ/ジェスチャ インタラクションを設計する場合、またはインタラクションの品質を評価する場合に使用します。また、モーダルかモードレスかの決定、直接操作パターン、入力デバイスの考慮事項、UX の感情的/劇的な側面、またはインターフェイスの応答性、人間味、および目標指向性を感じさせるものについて質問された場合にも使用します。
コマンドラインで interaction-design AI スキルを開発環境にすばやくインストール
ソース: petekp/claude-skills。
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-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/petekp/claude-skills --skill interaction-designユーザーの目標と認知原則に基づいて、直感的で意味のあるインタラクションを設計します。コンポーネントの動作、ユーザー フロー、フィードバック システム、エラー処理、ロード状態、遷移、アクセシビリティ、キーボード ナビゲーション、タッチ/ジェスチャ インタラクションを設計する場合、またはインタラクションの品質を評価する場合に使用します。また、モーダルかモードレスかの決定、直接操作パターン、入力デバイスの考慮事項、UX の感情的/劇的な側面、またはインターフェイスの応答性、人間味、および目標指向性を感じさせるものについて質問された場合にも使用します。 ソース: petekp/claude-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/petekp/claude-skills --skill interaction-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/petekp/claude-skills