frankxai/awesome-motion-design-agent-skills107 installs
motion-director
Use when designing motion concepts, animation systems, choreography, timing, easing, reduced-motion behavior, or deciding which motion stack to use for web UI, video, GIF, Rive, Lottie, GSAP, Motion, Remotion, or Three.js work.
How do I install this agent skill?
npx skills add https://github.com/frankxai/awesome-motion-design-agent-skills --skill motion-directorIs this agent skill safe to install?
- Gen Agent Trust Hubpass
No security issues detected. This skill provides instructions for a motion design workflow and does not perform any risky operations.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
Motion Director
Workflow
- Identify the output target: product UI, landing page, social video, GIF, design prototype, or embedded animation asset.
- Define the job of motion: guide attention, explain state, create delight, teach a concept, or express brand.
- Choose the stack:
- Motion for React UI state and layout transitions.
- GSAP for timelines, scroll, SVG, text, and high-control choreography.
- Rive for interactive state-machine animation.
- Lottie for portable vector loops.
- Remotion for rendered video/GIF.
- Three.js for spatial/3D scenes.
- Specify timing tokens, easing, stagger rules, and reduced-motion behavior.
- Ask the implementation agent to patch code.
- Capture output and score it with the motion quality rubric.
Output Shape
Return:
- Motion goal
- Recommended stack
- Choreography
- Timing/easing tokens
- Reduced-motion path
- Implementation notes
- QA checklist
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/frankxai/awesome-motion-design-agent-skills/motion-director">View motion-director on skillZs</a>