Motion Graphic Design
Skill
Guide an AI agent through storyboarding, building, and reviewing product animations.
Project links
How to use it
- Open the skill documentation and check its requirements.
- Copy the installation command for your preferred agent.
- Ask your agent to use the skill on a specific task and review the result.
Copy setup details
Use these instructions in your own environment. Copying text here does not run it.
Skill installation command
Example for Codex. The repository also documents Claude Code and custom destinations.
git clone https://github.com/fikrifirmanf/craft-skills.git cd craft-skills ./install.sh --skill motion-graphic-design --target codex
Example request
Use motion-graphic-design to plan a 10-second product launch animation. Define the message, storyboard, timing, transitions, and export settings before building. Inspect a rendered result before calling it complete.
Example results
Illustrative example
Illustrative 10-second storyboard 0–2 seconds: introduce the product name. 2–6 seconds: demonstrate one useful interaction. 6–10 seconds: show the result and a clear next action. Review: check timing, legibility, export dimensions, and a reduced-motion alternative.
Illustrative response outline, not a recorded run.
Illustrative examples show a possible response format. They are not recorded runs or verified results. Actual responses will vary.