motion
1st-party AIQ Labs seed library · Web Development & Design
Provides guidance and tools for building web animations with Motion (Framer Motion) and CSS, including best practices, spring/bounce easing generation, documentation search, and performance audits.
What it does
Animation skill for Motion (prev Framer Motion) and CSS animation. Provides: animation best practices (including specific advice for vanilla JS, React, Vue, Base UI and Radix), documentation and example search, CSS spring and bounce generation, MotionScore code and runtime performance audits, and the visual transition editor. Use when writing animations, working with Motion (motion, motion/react, motion-v, framer-motion), animating a UI, writing CSS linear() springs, auditing performance/jank/layout thrash via code or runtime, searching Motion docs or examples, adding a Motion UI section, or upgrading between Motion versions.
Quality judgment
Excellent routing structure with concrete trigger phrases per subskill, clear tiering and fallback behavior, and specific operational rules (upgrade ordering, gated content handling). Slightly dense in the Motion+ section but overall a model skill document.