Motion director
Skill frankxai/awesome-motion-design-agent-skills/skills/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.From its SKILL.md
npx -y skills add frankxai/awesome-motion-design-agent-skills --skill motion-directorAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.2 KB, 212 tokens by cl100k_base, as published. Nobody here has run it
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
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.