interaction-design

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 インタラクションに磨きをかけたり、読み込み状態を実装したり、楽しいユーザー エクスペリエンスを作成したりするときに使用します。 ソース: blockmatic/basilic。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/blockmatic/basilic --skill interaction-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります