Skills and MCP tagged “animation”

hyperframes heygen-com skill Instructs coding agents on creating, validating, and rendering HTML-based videos using the HyperFrames framework and CLI. Claude Code CX Codex Cursor +1 1,200,000installs hyperframes-registry heygen-com skill Finds and installs about 450 ready-made HyperFrames blocks and components as editable source code. Useful when adding video effects and titles without building markup from scratch. Claude Code CX Codex Cursor +1 1,000,000installs remotion-to-hyperframes heygen-com skill Imports Remotion animations or video footage into HyperFrames and verifies visual matching frame by frame against the original. Claude Code CX Codex Cursor +1 504,900installs emil-design-eng emilkowalski skill This skill guides UI polish, component details, and animation choices. Use it when an interface works but its states and transitions need closer review. Claude Code CX Codex Cursor +1 385,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 animation-vocabulary emilkowalski skill This skill maps a vague web animation description to the right term. Use it when you need wording for an AI prompt or a designer. Claude Code CX Codex Cursor +1 236,900installs 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 find-animation-opportunities emilkowalski skill Scans a codebase or UI for motion that would clarify states and interactions, while rejecting decoration that gets in the way. It is read-only. Claude Code CX Codex Cursor +1 206,800installs prototype emilkowalski skill The skill builds several genuinely different versions of one piece of UI and puts them behind a visual picker, so you flip through them live and keep the one that feels right. Claude Code CX Codex Cursor +1 172,400installs 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 remotion-markup remotion-dev skill A skill that tells your agent how to write Remotion React markup: frame-driven animation, media components, effects. Useful when you build video in code. Claude Code CX Codex Cursor +1 202,600installs gsap-scrolltrigger greensock skill Teaches AI agents to build scroll-driven animations with GreenSock ScrollTrigger, including pinned sections and scrub timelines. Claude Code CX Codex Cursor +1 71,600installs gsap-performance greensock skill An official GSAP performance skill that tells your coding agent which properties to animate and which ones cause jank. Useful when animations stutter. Claude Code CX Codex Cursor +1 68,800installs gsap-timeline greensock skill This skill helps an agent build GSAP timelines, control timing, and manage playback. Use it for multi-step or parallel animation scenes. Claude Code CX Codex Cursor +1 68,500installs gsap-plugins greensock skill A skill that walks your agent through GSAP plugin registration and usage: ScrollTo, Flip, Draggable, SplitText and more. Handy when your animations already run on GSAP. Claude Code CX Codex Cursor +1 66,600installs gsap-react greensock skill This skill guides GSAP animation work in React and Next.js, including scoped selectors, cleanup, and client-only execution. Claude Code CX Codex Cursor +1 65,800installs animation-performance emilkowalski skill A diagnostic skill that tracks down dropped frames in web animations and points to the cheaper property to animate instead. Claude Code CX Codex Cursor +1 34,700installs gsap-utils greensock skill This skill guides an agent through gsap.utils for ranges, random values, snapping, and collections. Use it when building GSAP animations. Claude Code CX Codex Cursor +1 64,700installs gsap-frameworks greensock skill Official GSAP skill for Vue, Nuxt, Svelte and SvelteKit. Tells the agent where to create animations and how to clean them up on unmount. Claude Code CX Codex Cursor +1 62,000installs frost-sequence-camera-orbit heygen-com skill Builds a 22.5-second scene where an orbiting camera follows an ice logo that breaks apart, reforms into two text moments, and fades. Claude Code CX Codex Cursor +1 9,800installs orbit-card heygen-com skill Adds a 10-second 1920×1080 HyperFrames motion block where a single feature card orbits a dot sphere using exported Blender camera paths. Claude Code CX Codex Cursor +1 9,800installs canopy-part-title heygen-com skill A HyperFrames block where a canopy of leaves crosses the frame, parts, and uncovers two headlines. Useful when a title card needs motion without building the scene yourself. Claude Code CX Codex Cursor +1 9,800installs code-slice-hero heygen-com skill Animates a tiled headline flip via WebGL 2 and Canvas 2D to reveal a rear phrase. Built for 1920×1080 motion titles lasting 8 s. Claude Code CX Codex Cursor +1 9,800installs glass-shard-title heygen-com skill Turns a headline into flying glass panes: shards drift in through fog, rotate, and tile themselves into the letters. A HyperFrames block at 1920×1080, 12.16s. Claude Code CX Codex Cursor +1 9,800installs cuboid-carousel heygen-com skill A skill that renders a 3D carousel of bevelled cuboids carrying card content: they fly in from the right, ride a wave, and exit left. Useful for promo clips and title sequences. Claude Code CX Codex Cursor +1 9,800installs better-ui jakubkrehel skill This skill sets concrete rules for surface details, icons, shadows, and motion. Use it to polish an interface after its underlying interactions work. Claude Code CX Codex Cursor +1 38,900installs 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 blender-motion-state-inspection affaan-m skill Inspects Blender characters and retargeted animations using bone coordinates and scene geometry instead of guesswork from screenshots. Claude Code CX Codex Cursor +1 4,900installs remotion-video-creation affaan-m skill This skill gives coding agents Remotion guidance for React video work, from animation and audio to captions, charts, and transitions. Use it while building or editing a Remotion project. Claude Code CX Codex Cursor +1 4,800installs 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 manim-video affaan-m skill Builds technical explainers in Manim for graphs, system diagrams, and product walkthroughs. Use it when motion should clarify the idea instead of a talking-head script. 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 hatch-pet official openai skill Creates and packages animated pets and spritesheets for Codex. Use it to turn a character concept, reference image, or brand cues into a pet. Claude Code CX Codex Cursor +1 3,300installs text-to-lottie diffusionstudio skill Generates, edits, and debugs Lottie JSON animations for the local Skia Skottie player. Helps create UI microinteractions, loaders, and animated charts. Claude Code CX Codex Cursor +1 10,600installs motion-design LottieFiles skill This skill guides UI animation choices, from timing and easing to choreography. Use it when planning micro-interactions, loading states, or page transitions. Claude Code CX Codex Cursor +1 19,700installs 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 explain-interface jakubkrehel skill Explains how a visual effect, animation, or website layout was built from a live page or a screenshot. It breaks down the underlying layer stack. Claude Code CX Codex Cursor +1 13,900installs premium-frontend-ui official Utkarsh Patrikar skill Guides GitHub Copilot when building animated web interfaces. Use it for a visually distinctive landing page or interactive portfolio. GitHub Copilot 4,900installs