Motion Designer

🌐Community
by ncklrs · vlatest · Repository

This AI generates dynamic visual motion graphics and animations, streamlining creative workflows for designers and marketers.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add ncklrs-motion-designer npx -- -y @trustedskills/ncklrs-motion-designer
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "ncklrs-motion-designer": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/ncklrs-motion-designer"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

The Motion Designer skill provides expert guidance for creating compelling and engaging videos using motion graphics. It leverages decades of experience with After Effects to generate detailed video specifications, including scene breakdowns, timing and pacing instructions, audio strategies (music recommendations, sound effect placement), transition design, and visual hierarchy suggestions. The output is a comprehensive specification document designed to work seamlessly with /remotion-best-practices for implementation.

When to use it

  • You need help planning the structure and flow of a motion graphics video.
  • You want guidance on incorporating audio elements (music, sound effects) effectively.
  • You're looking for advice on timing and pacing animations to maximize impact and engagement.
  • You’re creating videos that require specific emotional arcs or visual storytelling techniques.

Key capabilities

  • Scene-by-scene breakdowns: Detailed descriptions of each visual element.
  • Timing and Pacing Guidance: Precise frame timing for animations and transitions.
  • Audio Strategy Recommendations: Suggestions for background music, sound effects, and ambient textures with volume level guidance.
  • Transition Design: Instructions on how scenes should connect and flow.
  • Visual Hierarchy: Guidance on directing viewer focus at each moment.
  • Application of Animation Principles: Incorporates the 12 principles of animation (Squash & Stretch, Anticipation, Staging, etc.).
  • Emotional Arc Structure: Guides video creation through a defined emotional arc: Hook, Build, Peak, Resolve.

Example prompts

  • "Create a motion graphics specification for a short explainer video about our new product."
  • "I need help planning the audio strategy for a promotional video; suggest background music and sound effects."
  • "Outline the timing and pacing for a 60-second video designed to build excitement around an upcoming event."

Tips & gotchas

  • The skill generates specifications, not the videos themselves. You’ll need to use /remotion-best-practices or another tool to implement the generated plan.
  • Familiarity with motion graphics terminology and concepts will help you understand and utilize the recommendations effectively.
  • Consider the "Motion Design Arc" when planning your video's structure for maximum emotional impact.

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
ncklrs
Installs
47

🌐 Community

Passed automated security scans.