Agent Skill

Motion Lexicon

Build complete product pages and delivery-ready interface motion from a real product job.

npx skills add Ryan-yang125/motion-lexicon --skill motion-lexicon

Build Page

Combine a product job, page hierarchy, and published components into a complete React page.

Recommend

Turn a product brief into a reasoned set of motion candidates.

Compose

Use states, actors, and beats to organise one complete product moment.

Implement

Produce a copy-ready implementation that fits the interface, choosing Motion, GSAP, Three.js, WebGL, or CSS for the scene.

Review

Check state meaning, timing, interruption, performance, and reduced motion.

Contribute

Turn a mature solution into a verifiable candidate for the public-content review flow.

Every delivery includes

  • A complete page plan and precise hierarchy
  • Published components with Registry sources
  • Keyboard, focus, and reduced-motion behavior
  • Responsive implementation and acceptance evidence
View Skill source