Skills and MCP tagged “motion”

figma heygen-com skill Imports assets, brand tokens and components from Figma into a HyperFrames project, then turns storyboard frames into motion. Useful when a design has to move, not sit still. Claude Code CX Codex Cursor +1 329,500installs review-animations emilkowalski skill Reviews UI animation and motion code against Emil Kowalski's design standards. Flags slow easings, non-GPU properties, and unnecessary transitions. Claude Code CX Codex Cursor +1 254,100installs apple-design emilkowalski skill Translates Apple's fluid interface principles from WWDC talks into web code with Pointer Events and spring physics. Essential for gesture-driven sheets, drags, and sliders. Claude Code CX Codex Cursor +1 242,100installs improve-animations emilkowalski skill Surveys motion and animation code across your project, then generates self-contained fix plans. It spots janky keyframes and poor easing without altering source files. Claude Code CX Codex Cursor +1 222,000installs animate emilkowalski skill Builds UI animations from scratch following Emil Kowalski's motion philosophy. Use it when adding motion, transitions, or component interactions. Claude Code CX Codex Cursor +1 170,400installs fixing-motion-performance ibelick skill Audits and fixes UI animation performance issues like layout thrashing, blur lag, and scroll jank. It optimizes CSS and JS motion without switching your animation libraries. Claude Code CX Codex Cursor +1 26,800installs baseline-ui ibelick skill Cleans up AI-generated UI code by fixing layout issues, typography, spacing, and animations. Useful for a fast frontend polish pass before merging. Claude Code CX Codex Cursor +1 24,100installs motion-advanced jeff skill Advanced gesture and animation patterns for React and Next.js. Guides your coding agent through drag-and-drop, SVG drawing, and imperative useAnimate sequences. Claude Code CX Codex Cursor +1 4,600installs motion-foundations jeff skill Defines motion tokens, spring presets, performance rules and prefers-reduced-motion support for motion/react. The foundation other motion skills inherit from. Claude Code CX Codex Cursor +1 4,600installs motion-patterns jeff skill A skill with reusable animation patterns for React and Next.js. Use it for buttons, modals, toast notifications, page transitions, scroll reveals, and layout changes. Claude Code CX Codex Cursor +1 4,600installs transitions-polish Jakubantalik skill This skill audits existing animations and maps timing, distance, scale, blur, and easing to motion tokens. Use it when motion feels off. Claude Code CX Codex Cursor +1 10,600installs after-hours-editorial-template nexu-io skill Generates luxury dark editorial presentations with haute-couture typography and cinematic transitions. Built for fashion lookbooks and premium brand pitches. Claude Code CX Codex Cursor +1 2,800installs emilkowalski-motion nexu-io skill Adds micro-interactions, state transitions and motion to an existing interface. Use it after the layout or component is already built. Claude Code CX Codex Cursor +1 2,300installs top-design wondelai skill Directs AI coding agents to build Awwwards-style web experiences with dramatic typography, orchestrated scroll motion, and a 10-point scoring rubric. Claude Code CX Codex Cursor +1 7,100installs figma-use-motion official Figma skill Adds use_figma context for Figma node animation, covering keyframes, easing, animation styles, and timeline duration. CX Codex GP ChatGPT 5installs