interaction-physics
✓マイクロインタラクション、アニメーション、トランジション、フィードバック システムをマスターします。ユーザーをガイドし、明確なフィードバックを提供する、意図的で楽しいインタラクションを作成します。アニメーションの原則、タイミング、イージング、状態遷移、パフォーマンスとアクセシビリティに関するベスト プラクティスが含まれます。
SKILL.md
Interactions are the moments when your interface comes alive. They're the transitions between states, the feedback when users take action, the animations that guide attention. When done well, interactions are invisible—they feel natural and right. When done poorly, they distract or confuse.
This skill teaches you to think about interactions systematically: understanding animation principles, designing intentional microinteractions, providing clear feedback, and ensuring performance and accessibility.
A microinteraction is a small, contained interaction that accomplishes a specific task. Examples: button hover state, form validation feedback, loading spinner, success notification, menu open/close.
マイクロインタラクション、アニメーション、トランジション、フィードバック システムをマスターします。ユーザーをガイドし、明確なフィードバックを提供する、意図的で楽しいインタラクションを作成します。アニメーションの原則、タイミング、イージング、状態遷移、パフォーマンスとアクセシビリティに関するベスト プラクティスが含まれます。 ソース: sanky369/vibe-building-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/sanky369/vibe-building-skills --skill interaction-physics- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
interaction-physics とは？
マイクロインタラクション、アニメーション、トランジション、フィードバック システムをマスターします。ユーザーをガイドし、明確なフィードバックを提供する、意図的で楽しいインタラクションを作成します。アニメーションの原則、タイミング、イージング、状態遷移、パフォーマンスとアクセシビリティに関するベスト プラクティスが含まれます。 ソース: sanky369/vibe-building-skills。
interaction-physics のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/sanky369/vibe-building-skills --skill interaction-physics インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/sanky369/vibe-building-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01