Media

Generate illustrations, diagrams, and programmatic videos with Remotion.

1|1|Updated Mar 1, 2026

Search Tags:#design #video #visuals #animation #diagrams #remotion #art

Ready to run

npx skills add https://github.com/RooseveltAdvisors/claude-agent-stack --skill media-rooseveltadvisors

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: Media
Source: https://github.com/RooseveltAdvisors/claude-agent-stack/tree/main/skills/Media
Command: npx skills add https://github.com/RooseveltAdvisors/claude-agent-stack --skill media-rooseveltadvisors

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @remotion/three, @remotion/media, mediabunny, replicate, openai, @google/genai, formdata-node, node-fetch, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the creation of all visual and video content, from illustrations and diagrams to animations and programmatic video, ensuring a consistent brand aesthetic across all outputs.

Core Features & Use Cases

Visual Content Creation: Generate illustrations, diagrams, flowcharts, infographics, header images, pack icons, and thumbnails.
Video & Animation: Create programmatic video content using Remotion, including animations, motion graphics, and video rendering.
Use Case: Need a hero image for your next blog post? Or a short animated explainer video for a new feature? This Skill handles it all, from concept to final render, adhering to your brand's visual guidelines.

Quick Start

Use the Media skill to generate a blog header image for the topic 'AI Agents'.

Frequently Asked Questions about Media

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create programmatic video and motion graphics using Remotion?▼

Programmatic video creation is handled by rendering animations and motion graphics via Remotion integration. It generates visual content by orchestrating React components into video frames, supporting everything from short explainers to complex animated sequences.

Can I generate header images, infographics, and thumbnails alongside video content?▼

Yes, generating header images, infographics, and thumbnails is supported alongside video content. The skill creates a wide range of static visual assets including illustrations, diagrams, flowcharts, and pack icons within a unified workflow.

Does this approach support rendering mermaid diagrams and technical flowcharts?▼

Rendering mermaid diagrams and technical flowcharts is fully supported. It processes structural visual requests to generate clear diagrams and flowcharts, ensuring technical visualizations align with your overall brand aesthetic.

What's the best way to maintain consistent brand styling across animations and illustrations?▼

Maintaining consistent brand styling across animations and illustrations is achieved by integrating with Art and Remotion skills. This ensures all generated static visuals and programmatic video outputs adhere to unified visual guidelines.

Do I need external AI models to generate illustrations and visual content?▼

External AI models are required to generate illustrations and visual content. The skill integrates with Replicate, OpenAI, and Google GenAI to process image generation requests and produce the final visual assets.

Are there limitations when rendering complex 3D animations via Remotion?▼

Rendering complex 3D animations via Remotion requires the @remotion/three dependency. While it supports advanced programmatic video and motion graphics, rendering times and asset complexity may impact performance.