motion-direction
motion-direction
This skill is the art-direction layer for motion. It decides HOW a site moves before anyone writes an animation: which personality, where the signature moment lives, what never moves. It does not own easing-curve craft or spring physics, that belongs to an implementation animation skill. It does not own which sections exist, that belongs to a layout skill. It does not own self-contained product story loops (a hero demo with a plot), those belong to a story choreography skill and arrive as a BEAT SHEET; the spec reserves their slot and directs how the page moves around them. It owns coherence.
The most common motion failure on marketing sites is not bad easing. It is incoherence: every section animating differently, motion with no job, three energy levels fighting on one page. Award-tier motion reads as one mind making every decision.
Stay in lane
This skill owns the art direction of motion: the personality, the scroll clock, where the one signature moment lives, what each section does on reveal, and what never moves. It writes the MOTION SPEC before any animation is built.
| For | Use |
|---|---|
| Which sections exist, their order, shapes and sizing | marketing-page-layout (/mk-page) |
| A self-contained hero or demo loop that tells one product story in timed beats | product-choreography (/mk-story) |
| Easing curves, springs, timing code, input feel and latency, per-platform implementation | animation-craft (/mk-anim) |
| Performance budget and how the spec is wired into the build | web-build (/mk-build) |
Where the edges touch: this skill names a personality and a reveal per section, and animation-craft turns those into curves and code. It references marketing-page-layout's section IDs rather than inventing its own. Anything the viewer drives directly, a press, a drag, a scroll-linked control, is feel, and belongs to animation-craft's feel reference.