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 the animations MCP 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:

  1. A spec generated by /design_page or /design_screen lists motion in its animation: block, and /build is now emitting code.
  2. /improve is asked to add or fix motion on user code.
  3. The user explicitly asks for animation help on their web app.
  4. 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.


Mode router (read first)

Installs
4
GitHub Stars
4
First Seen
Jul 24, 2026
motion — app-builders-club/design-builder