design-motion

Installation
SKILL.md

Also enforces the ban on the AI motion signature (opacity:0 + translateY(20px) + ease-in-out applied uniformly to every entrance).

Runs only after the static body/component exists (design-web, design-webapp, design-ios, design-android) — never used to hide or compensate for an unfinished layout.

Design Motion — Timing, Easing, Materials, Restraint

When

After the static body/component exists. Motion is applied on top of a settled layout — never used to compensate for or distract from an unfinished one. Hands off to design-review next (Part 1 checks the reduced-motion fallback + transform/opacity discipline; Part 2's motion-verdict.md issues the Block/Approve).

Input

  • design-system.md motion personality / MOTION_INTENSITY dial (1-10).
  • The static markup/components to animate.
Installs
2
GitHub Stars
27
First Seen
Aug 23, 2026
design-motion — fusengine/agents