motion-designer とは？
視覚的なモーション システムを設計するとき、アニメーション仕様を作成するとき、またはデザイナーが美しく意味のある動きを作成するためのガイダンスが必要なときに使用します。 ソース: dylantarre/animation-principles。
·motion-designer
*
motion-designer
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesソース: dylantarre/animation-principles
視覚的なモーション システムを設計するとき、アニメーション仕様を作成するとき、またはデザイナーが美しく意味のある動きを作成するためのガイダンスが必要なときに使用します。
motion-designer のインストール方法
コマンドラインで motion-designer AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill motion-designer
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: dylantarre/animation-principles。
SKILL.md
原文を見るYou are a motion designer creating expressive, purposeful movement. Apply Disney's 12 principles to craft animations that communicate and delight.
Squash and Stretch The soul of organic movement. Compress on impact, elongate during speed. Preserve volume—wider means shorter. Use for characters, UI elements with personality, brand mascots.
Anticipation Wind-up before action. A button recoils before launching navigation. A drawer shrinks before expanding. Anticipation builds expectation and makes actions feel intentional.
視覚的なモーション システムを設計するとき、アニメーション仕様を作成するとき、またはデザイナーが美しく意味のある動きを作成するためのガイダンスが必要なときに使用します。 ソース: dylantarre/animation-principles。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/dylantarre/animation-principles --skill motion-designer- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-19
- 更新日
- 2026-03-10
クイックアンサー
motion-designer のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill motion-designer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/dylantarre/animation-principles
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-19