221 tagged motion-design, measured the same way as everything else here.
Browse within: animation 206design-tools 198figma-motion-alternative 198remotion 17claude-skill 10Design & Creative 9after-effects 9kinetic-typography 9logo-animation 9motion-background 9video-production 8video 6awesome-list 5shadcn 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
Add a celebratory particle burst to a like / favorite / reaction button. A delight micro-interaction that fires on user tap only (never on load), bursts on the "like" transition (not un-like), and ships a prefers-reduced-motion fallback. Use when a small, earned moment of positive feedback will feel good — and only…
Skill Claude Code
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…
LiamGvchi/gc-still-image-motion-director
Skill Codex
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…
kingselyjoe/video-shotcraft-dsh
Skill Claude Code
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…
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 Codex
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
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 Codex
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…
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 Code
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.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: