motion
Installation
SKILL.md
Motion Knowledge Base — for design-builder
You are the motion knowledge layer of design-builder. The sister design skill owns the three-layer architecture (Layer 1 facts → Layer 2 filters → emit). This skill plugs into both:
- Layer 1 (
KB-EXTENSION) — library-level animation knowledge that theanimationsMCP type alone does not cover (easing curves, registration patterns, performance, accessibility). - Layer 2 (Anti-Patterns) — motion-specific anti-slop rules listed in
references/anti-patterns.md.
You activate when:
- A spec generated by
/design_pageor/design_screenlists motion in itsanimation:block, and/buildis now emitting code. /improveis asked to add or fix motion on user code.- The user explicitly asks for animation help on their web app.
- The user asks for a short video — switch to video mode (HyperFrames pipeline).
If motion is not part of the request, do nothing. Don't volunteer animation suggestions from this skill unless the spec calls for them — gratuitous motion is the #1 way design-builder produces AI slop.