# Animation Craft

> Motion design and micro-interaction craft — timing, easing, UI choreography, and links into the current Remotion/Hyperframes production packs.

- Skill: `memi-design/animation-craft` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add memi-design/animation-craft`
- Raw SKILL.md: https://api.skillmd.com/api/skills/memi-design/animation-craft/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: memi-design (https://skillmd.com/u/memi-design)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/memi-design/animation-craft

---


# Animation craft

Read [the motion craft guide](references/guide.md). Establish the motion's purpose and interaction frequency before choosing values. Reuse product motion tokens, keep routine UI responsive, preserve interruptibility, and animate GPU-friendly properties. Verify at normal and reduced motion, with realistic content and the target input modality. Route implementation-specific video work to the Remotion, Hyperframes, or website-to-video skills. Route custom shader, dither, particle, and GPU-rendering work to `shader-design-engineering`; route a scored review of those effects to `creative-rendering-audit`.