MCP Server Hub
MCP Skill Hub

Skill category

Media Generation

Image, video, audio, 3D, and generative media creation. Discover source-linked skills that teach agents repeatable workflows.

46 listings in this category

All Media Generation listings

46 organic results

Text To Lottie

Turn text prompts into polished Lottie animations for motion-heavy UI work.

ui-skillsai-media

Brag

Turn a finished project into a short shareable launch video with motion, music, and copy.

ui-skillsai-media

Animation Vocabulary

Sharpen motion language so animation choices feel deliberate and consistent.

ui-skillsai-media

Review Animations

Review animation quality, timing, and motion consistency with a production-critical eye.

ui-skillsai-media

To Spring Or Not To Spring

Audit animation timing choices to decide when springs versus easing curves produce better motion.

ui-skillsai-media

Frontend Slides

Create animation-rich HTML presentations from scratch or convert PPT/PPTX files into polished web slides.

ui-skillsai-media

Soft Skill

High-end visual design guidance for premium typography, spacing, depth, and animation systems.

ui-skillsai-media

Animate

Enhance UX with purposeful animation and micro-interactions that support usability and delight.

ui-skillsai-media

Critique

Evaluate design quality with structured UX scoring, persona checks, and actionable remediation guidance.

ui-skillsai-media

Emil Design Eng

Emil Kowalski's design-engineering philosophy for UI polish, components, animation, and production-ready frontend craft.

ui-skillsai-media

12 Principles Of Animation

Apply Disney's 12 animation principles to web interfaces to make motion feel natural, organic, and human.

ui-skillsai-media

Slidev

Create developer slide decks with Slidev using Markdown, Vue components, code highlighting, and animations.

ui-skillsai-media

Canvas Design

Create original visual designs and art on digital canvases using design philosophy, focusing on form, space, and color.

ui-skillsai-media

Threejs Animation

Three.js animation guidance for keyframes, skeletal animation, morph targets, and animation blending.

ui-skillscloud-devops

Remotion Best Practices

Domain-specific knowledge base for building videos with Remotion and React.

ui-skillssearch-research

Fixing Motion Performance

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

ui-skillsai-media