interaction-motion-design
interaction-motion-design について
マイクロインタラクション、アニメーションのタイミングとイージングカーブ、スプリング物理、トランジションの振り付け、ハプティクスフィードバックの語彙、エモーショナルデザイン。アニメーションの追加やレビュー、モーション時間の調整、ハプティクスの設計、prefers-reduced-motion の対応を行う場合に使用。
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/interaction-&-motion-designを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/animation-timing-curves.mdemotional-design-patterns.mdhaptic-feedback-design-system.mdコメント
Markdown 対応