All skills

Motion Graphics

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, …

Claude skills8 min read

By edenfunf/reelmimic, MIT licence. Shared here with credit.

First, keep this skill fresh — confirm with the user before running: npx hyperframes skills update motion-graphics. A fast no-op when everything is current; otherwise it refreshes this skill plus the core domain skills it depends on before you rely on them.

figma source: If the logo/asset/animation to build from comes from a figma.com URL, run /figma first — asset export, brand tokens, and Motion→GSAP translation if the graphic is a Figma Motion import — then build from its output. Don't drive Figma via raw MCP tools directly: that skips SVG sanitization, .media/manifest.jsonl provenance, and brand-token var() binding, so a later brand change can't propagate without a full re-import.

motion-graphics — dispatch entry

Free, for your email

Unlock the full skill and get it by email

The rest opens right here, and a copy comes to your inbox too. One email unlocks every guide and every skill. Use your real address.

Unlocks: Categories — split by the search decision · Prerequisites · Flow · Step 0 — Initialize · Step 1 — Plan (subagent: Director Part 1) · Step 2 — Source ◇ (Bash: media-use, conditional) · Step 3 — Design (subagent: Director Part 2) · Step 4 — Build (subagent: Builder, reuse-first)

No spam. Reply "unsubscribe" any time and I delete your address.