ui-motion

Installation
SKILL.md

Motion Seed Applier

When to Use

Use when adapting an existing StyleSeed React component to a named motion recipe or personality/context supported by its actual installed motion library.

When NOT to use

  • For general framer-motion docs or learning → use the framer-motion site
  • For non-React motion (CSS-only transitions, GSAP) — this skill targets motion.X JSX only
  • For full scroll-linked timelines or parallax — out of scope per DESIGN-LANGUAGE.md Rule 59
  • For tweaking the existing FadeIn/FadeUp/Stagger wrappers — edit engine/components/ui/motion.tsx directly

Missing library and accessibility boundary

This tree does not bundle engine/motion, DESIGN-LANGUAGE.md, preview routes or calibrated recipes. Verify those paths and exports in the target project before copying named snippets; if absent, report the prerequisite rather than inventing library behavior. Do not assume hover/press is automatically reduced-motion-safe: explicitly honor the user/system preference for all nonessential motion, including one-shot interactions. Re-reading JSX is not a parse/build/runtime check; report actual checks and untested interactions honestly.

Vibe → Seed mapping

Installs
41
GitHub Stars
48.7K
First Seen
Jul 7, 2026