skills.rest
Kaleb-Rupe
Kaleb-RupeCOMMUNITY
Explore all skills by this author →
𝕏@MightieMagsGitHub

Media

Generate illustrations, diagrams, thumbnails, and programmatic videos via image models and Remotion.

Updated Jul 10, 2026
Search Tags:#image generation#diagrams#illustration#remotion#youtube thumbnail#video creation#react video
One-click install
npx skills add https://github.com/Kaleb-Rupe/aurora --skill media-kaleb-rupe
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Media
Source: https://github.com/Kaleb-Rupe/aurora/tree/main/claude/skills/Media
Command: npx skills add https://github.com/Kaleb-Rupe/aurora --skill media-kaleb-rupe

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires remotion, react, imagemagick, and includes scripts (resource) and references (resource) components.

What problem does it solve? Creating visual content—blog headers, diagrams, YouTube thumbnails, comics, and videos—normally requires design tools and manual effort; this Skill routes requests to specialized Art and Remotion workflows that generate these assets programmatically. ## Core Features & Use Cases - Image Generation Workflows: Produce illustrations, mermaid flowcharts, technical diagrams, infographics, comics, quote cards, comparisons, timelines, and Aurora pack icons using models like nano-banana-pro and flux. - YouTube Thumbnail Composition: Composite backgrounds, headshots, and billboard-style text into 1280x720 thumbnails via the ComposeThumbnail tool. - Programmatic Video with Remotion: Build React-based videos, animations, and motion graphics rendered to MP4, themed with the Aurora design system. - Use Case: Ask for a header image for a blog post and receive a styled illustration saved to ~/Downloads for preview, or request an animated intro video rendered as an MP4. ## Quick Start Ask the assistant to generate a header image for your blog post or create a short animated video, and it will route to the right workflow and save the result to your Downloads folder.

Frequently Asked Questions about Media

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

FAQPage Schema
How do I generate a blog header image with this skill?▼

Request a header image and the Essay workflow builds a styled prompt, generates the image with nano-banana-pro at 2K resolution, and saves it to ~/Downloads for preview before copying to your project.

How do I create a YouTube thumbnail from existing assets?▼

Use the ComposeThumbnail tool with a background image, a transparent headshot, title, and subtitle. It composites them into a 1280x720 thumbnail with a colored border using ImageMagick.

Can I create videos programmatically with React?▼

Yes, the Remotion workflow lets you define compositions in React with frame-driven animations and render them to MP4 using npx remotion render. CSS animations are not supported; all motion must use useCurrentFrame.

Which image generation models are supported and what sizes do they accept?▼

Supported models include flux, nano-banana, nano-banana-pro, and gpt-image-1. Flux and nano-banana accept aspect ratios like 16:9, nano-banana-pro uses 1K/2K/4K resolution tiers, and gpt-image-1 uses pixel dimensions like 1024x1024.

Why are generated images saved to Downloads instead of my project folder?▼

All generated images go to ~/Downloads first so you can preview them in Finder or Preview before use. Only after approval are they copied to the final project directory.

Related Skills

Explore More Design & Creative Skills→
davpatel605-beepdavpatel605-beep

baoyu-article-illustrator

Analyzes article content and generates coordinated illustrations with saved prompts.

Community
Advanced
maximoseomaximoseo

ai-marketing-videos

Generate ready-to-publish marketing videos for multiple platforms from a simple prompt.

Community
Advanced
ntd237ntd237
1

content-audit-brand-voice

Scores content against brand voice guidelines and produces before-after revision reports.

Community
Intermediate
CoRLab-TechCoRLab-Tech

figma-illustration-import

Import Figma vector illustrations into React components with SVG/PNG assets and Storybook stories.

Official
Intermediate