使い方
- インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
- 必要なツール、認証情報、対応環境を原文で確認します。
- 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/akais-alt/ai-motion-design-skills --skill motion-design開始前の確認
- 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
- スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文
見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。
Motion Design — Entry Skill
Read this first for any motion-design request.
Core rule
Intent → visual concept → storyboard → timing → composition → animation → audio → validation → render.
Never start by adding random effects.
Route
- Short unnarrated motion hit →
kinetic-typography,logo-animation, ortransitions - Music-driven visual →
beat-sync - Vertical social content →
social-video - Longer cinematic narrative →
cinematic-video - New concept or unclear brief →
creative-direction
If the user explicitly names HyperFrames or Remotion, preserve that framework.
Universal production standards
- Establish canvas, FPS, duration and safe areas.
- Define visual hierarchy before motion.
- Use readable typography and intentional spacing.
- Animate with anticipation, action, settle and optional follow-through.
- Prefer easing, spring physics and purposeful stagger over linear movement.
- Keep motion consistent with the brand's visual language.
- Never use motion only because an effect is available.
- Keep animation deterministic: avoid uncontrolled randomness and time-based APIs.
- Design sound effects and music timing as part of the edit.
- Validate at actual delivery resolution and on mobile when relevant.
Quality gate
Before final render, verify:
- no accidental clipping
- no unreadable text
- no overlapping elements
- consistent margins
- coherent pacing
- intentional transitions
- correct aspect ratio
- correct frame rate
- no placeholder assets
- deterministic output
