Skills and MCP tagged “animation”

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 threejs-animation CloudAI-X skill Skill for keyframe, skeletal and morph-target animation in Three.js. Play glTF animations, control bones, blend and crossfade clips on WebGL and WebGPU. Claude Code CX Codex Cursor +1 20,100installs hatch-pet nexu-io skill Creates, validates, and packages 8×9 animated pet spritesheets for Codex. Use it when turning visual references or concept prompts into importable digital pet companions. Claude Code CX Codex Cursor +1 3,100installs flutter-animating-apps nexu-io skill Implements animations and transitions in Flutter apps. Useful for crafting native iOS and Android motion design. Claude Code CX Codex Cursor +1 2,900installs frontend-dev nexu-io skill Skill for building modern frontends with smooth animations, AI-generated content via MiniMax API, and generative art. Works for hero pages and showcase sites. Claude Code CX Codex Cursor +1 2,800installs frontend-slides nexu-io skill Generates animation-rich HTML presentations with visual style previews. Handy for online keynotes, interactive briefs, and embedded slide decks. Claude Code CX Codex Cursor +1 2,800installs slack-gif-creator nexu-io skill Creates animated GIFs for Slack and checks size constraints. Use it when an agent needs to prepare a reaction GIF or a short animation. Claude Code CX Codex Cursor +1 2,700installs magic-ui magicuidesign skill The magic-ui skill teaches Claude Code to work with Magic UI components in React and Next.js: select animations, install via shadcn registry, and check accessibility. Claude Code CX Codex Cursor +1 1,200installs 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 gpt-taste nexu-io skill Enforces strict frontend design rules: prevents multi-line hero titles, fixes empty bento grid cells, and adds advanced GSAP scroll physics. Claude Code CX Codex Cursor +1 1,800installs image-to-video prime-skills skill Routes still image animation tasks to the best RunComfy catalog model. Helps turn static pictures into videos without guessing model settings. Claude Code CX Codex Cursor +1 437,600installs manim-video SHL0MS, Hermes Agent skill Builds Manim CE projects for math, algorithm, and technical animations. Useful when an AI agent needs to turn an explanation into a rendered video. Claude Code CX Codex Cursor +1 455installs lottie-bodymovin calesthio skill Applies Disney's 12 animation principles to Lottie vector animations. Bridges After Effects setup with runtime JavaScript controls. Claude Code CX Codex Cursor +1 1,100installs remotion-best-practices vercel-labs skill This skill gives coding agents Remotion guidance for React projects, from animation and audio to compositions and video parameters. Use it while building or editing Remotion code. Claude Code CX Codex Cursor +1 1,500installs threejs-animation calesthio skill This skill helps an agent build Three.js motion with keyframes, bones, morph targets, and clip blending. Use it for procedural motion or GLTF playback. Claude Code CX Codex Cursor +1 1,000installs appllama-app-design-skill Appllama (appllama.io) skill Skill for building native iOS and Android screens with Expo and React Native. Designs with Apple HIG fidelity, semantic colors, Reanimated motion, proper navigation semantics, and simulator-verified iteration. Claude Code CX Codex Cursor +1 4,700installs ai-video-generation 101-skills skill Generate videos with Google Veo, Seedance, HappyHorse and 40+ models directly in your editor. Supports text-to-video, image animation, lipsync and audio generation. Claude Code CX Codex Cursor +1 862,400installs motion-figure rohitg00 skill Generates moving and interactive figures across three tiers: SMIL animations, slider-driven SVG widgets, and WebGL dither bands. Claude Code CX Codex Cursor +1 482installs gif-sticker-maker MiniMax-AI skill A skill that converts a photo into 4 animated GIF stickers in Funko Pop style with captions. Use it to create expressive stickers, emoji packs, or animated avatars for messengers. Claude Code CX Codex Cursor +1 2,000installs chat-motion-overlay nexu-io skill Builds animated chat scenes from text or screenshots, then prepares them for Remotion rendering. Use it for message bubbles, app-style chat views, and transparent overlays. Claude Code CX Codex Cursor +1 820installs tweens phaserjs skill Teaches coding agents how to animate properties in Phaser 4 using TweenManager, tween chains, stagger offsets, and number counters. Claude Code CX Codex Cursor +1 891installs userinterface-wiki raphael-salaja skill Handbook of 152 UI/UX rules for web interfaces. Skill checks animations, typography, audio feedback and UX patterns, reports errors with file:line precision. Claude Code CX Codex Cursor +1 4,500installs curves-and-paths phaserjs skill Skill for working with curves, splines, Bezier paths, and path followers in Phaser 4. Draw paths, sample points along them, and animate sprites along trajectories. Claude Code CX Codex Cursor +1 750installs scroll-craft nateherkai skill A skill that plans and builds a scroll-driven landing page: brief interview, section order, one emotional peak, dimensional hero, screenshot checks. Claude Code CX Codex Cursor +1 1,200installs libraries-dev Jakubantalik skill Selects and integrates Libraries.dev React UI effects for AI interfaces, covering loaders, voice glows, animated borders, and bot avatars. Claude Code CX Codex Cursor +1 991installs manimce-best-practices adithya-s-k skill A skill that steers the agent through Manim Community Edition: scenes, MathTex, 3D, camera work. Useful once a project starts with from manim import *. Claude Code CX Codex Cursor +1 3,900installs threejs-gltf-loading gamedev-skills skill Loads glTF/GLB models into three.js and plays their baked or skinned clips, with patterns for DRACO, Meshopt and KTX2. For the case where the file imports but nothing shows up on screen. Claude Code CX Codex Cursor +1 5,400installs 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 epic-design Abbas Mir skill A Claude Code skill that builds cinematic pages: scroll storytelling, parallax depth, animated text. No WebGL involved. Claude Code 701installs figma-implement-motion official Figma skill Translates Figma animations and transitions into production code using motion.dev or CSS keyframes. Useful when implementing motion for UI components from a design. CX Codex GP ChatGPT 6installs 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 apng-studio official Andrea Griffiths plugin Interactive GitHub Copilot canvas extension for creating Animated PNG files. Lets you draw or upload frames, adjust per-frame timing, and export an animated .png. GitHub Copilot ★ 40,369repo stars