interaction-design
✓マイクロインタラクション、モーションデザイン、トランジション、ユーザーフィードバックパターンを設計して実装します。 UI インタラクションに磨きをかけたり、読み込み状態を実装したり、楽しいユーザー エクスペリエンスを作成したりするときに使用します。
インストール
SKILL.md
Create engaging, intuitive interactions through motion, feedback, and thoughtful state transitions that enhance usability and delight users.
| 100-150ms | Micro-feedback (hovers, clicks) | | 200-300ms | Small transitions (toggles, dropdowns) | | 300-500ms | Medium transitions (modals, page changes) | | 500ms+ | Complex choreographed animations |
マイクロインタラクション、モーションデザイン、トランジション、ユーザーフィードバックパターンを設計して実装します。 UI インタラクションに磨きをかけたり、読み込み状態を実装したり、楽しいユーザー エクスペリエンスを作成したりするときに使用します。 ソース: wshobson/agents。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/wshobson/agents --skill interaction-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/wshobson/agents --skill interaction-design- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
interaction-design とは？
マイクロインタラクション、モーションデザイン、トランジション、ユーザーフィードバックパターンを設計して実装します。 UI インタラクションに磨きをかけたり、読み込み状態を実装したり、楽しいユーザー エクスペリエンスを作成したりするときに使用します。 ソース: wshobson/agents。
interaction-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/wshobson/agents --skill interaction-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/wshobson/agents