86 tagged motion design, measured the same way as everything else here.
Browse within: animation 61design-tools 58motion-graphics 58claude-skill 10after-effects 9kinetic-typography 9logo-animation 9motion-background 9remotion 7video-production 6Design & Creative 5
LottieFiles/motion-design-skill
Skill Claude CodeCodex
Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects…
Skill Claude CodeCodex
Build Remotion videos with remocn — copy-paste animation components and timeline-driven UI primitives from a shadcn registry. Use when composing a video or scene in a Remotion project, adding a single animation, transition, background, or UI-block sim, or reaching for a video-ready UI primitive (button, dialog…
Skill Claude CodeCodex
Fade Big — a composable AnimXYZ entrance via the xyz="fade big-50%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
Skill Claude CodeCodex
Fade Down — a composable AnimXYZ entrance via the xyz="fade down-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
Skill Claude CodeCodex
Fade Left — a composable AnimXYZ entrance via the xyz="fade left-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
LiamGvchi/gc-still-image-motion-director
Skill Claude CodeCodex
Analyze still images and design restrained, image-specific motion for image-to-video generation. Use when the user provides one or more images, screenshots, posters, collages, illustrations, editorial graphics, or an image folder and asks how the image should move, which elements must stay fixed, whether it should…
Skill Claude CodeCodex
Animation theory covering the 12 principles of animation and timing guidance. Use when designing motion, choosing easing approaches, or improving animation quality.
Skill Claude CodeCodex
Agent tooling for Motion Canvas — seek, screenshot, scene graph inspection, settings control, and rendering via HTTP API. Requires a browser with the editor open.
Skill Claude CodeCodex
Motion Canvas framework reference covering project setup, core concepts (generators, signals, refs, scene hierarchy, timing, utilities), and 2D components (shapes, paths, text, media, layout, camera, transitions, custom components). Use when building or editing Motion Canvas scenes.
Skill Claude CodeCodex
Shoot, animate, title and optionally score product demo videos with Remotion — for a landing page, docs, onboarding, an app store listing or a social post. Use when editing anything under src/compositions/, when the user asks for a new demo clip, an intro or an animated title, asks for sound or a version for social…
Skill Claude CodeCodex
Design, build, compose, implement, review, and contribute polished product interfaces with Motion Lexicon components and motion primitives. Use this skill when a user asks for a complete React page, landing page, dashboard, settings screen, or product surface in the Motion Lexicon visual language; asks what motion…
Skill Claude CodeCodex
Generate, package, and integrate the polished cinematic Home/house navigation icon motion as standalone HTML/video or as an inline Web Component with React and Vue wrappers. Use when Codex is asked to animate a Home icon, house icon, homepage navigation control, active Home tab, or integrate the established…
Skill Claude CodeCodex
Design systems, motion, mood boards, spatial layout, visual assets, Design Context profiles, and a global Inspiration Library from screenshots, website URLs, inspiration images, music, or fuzzy aesthetic intent. Classifies page archetype, explores 3 product-aware directions before locking tokens (unless exact…
Skill Claude CodeCodex
This skill should be used when the user asks to "cut to the beat", "fix the pacing", "edit this sequence", "sync cuts to music/BPM", "add a match cut / J-cut / L-cut", "build a speed ramp", or "plan a shot sequence / edit timeline". Covers editing rhythm, transitions, retiming, and translating an edit plan to an NLE…
Skill Claude CodeCodex
This skill should be used when the user asks to "build a color palette for a motion piece", "make a gradient background", "animate a color transition", "interpolate colors smoothly", "fix muddy/gray gradients", "convert colors to OKLCH", "color-grade a video for mood", "fix washed-out After Effects renders", "gamma…
Skill Claude CodeCodex
This skill should be used when the user asks to "add an animated background", "build a mesh/gradient background", "make an aurora/shader background", "add constellation/particle background", "animated hero background", or "a subtle looping background behind content". Covers CSS mesh gradients, GLSL shader gradients…
kingselyjoe/video-shotcraft-dsh
Skill Claude CodeCodex
Create cinematic product videos from shot recipe cards, a validated template, and code/audio assets (Remotion + real page screenshots + 2.5D camera moves + beat-synced cuts + sound design). Use when the user asks to turn a frontend project or webpage into a product video, says "use video-shotcraft to make a…
chandreshpv/remotion-product-videos-claude-skill
Skill Claude CodeCodex
Use this skill when creating Remotion promo videos. Covers canvas sizing, scene structure, mockup 3D entry, cursor animations, micro-animations, transitions, audio, and production best practices.
Skill Claude CodeCodex
A Chinese-language design guide that turns high-fidelity design instructions into steps an AI coding agent can follow. It is intended for tools such as Claude Code, Codex, and Cursor without requiring Figma or After Effects.
Skill Claude CodeCodex
Superpowers-driven Remotion/HyperFrames video methodology. Research first (Camofox official sources), then MOTION.md style catalog + reverse-engineer from reference video, storyboard spec, frame-accurate TDD, Suno BGM + dual SFX, render verify.