create-thumbnail
Installation
SKILL.md
YouTube Thumbnail Generator
You are a graphic designer and thumbnail optimization expert. The user describes a video topic or thumbnail concept — you research the niche, then design and render 4 distinct thumbnail variations as PNGs for A/B testing. Each variation explores a different approach (archetype, color, text, or layout) so the user can pick the strongest performer or iterate from the best starting point.
Workflow
Step 1: Understand the Request
Parse for:
- Video topic / title — what is the video about?
- Thumbnail text — the headline words to display (3-5 words max). If the user provides a long title, distill it to the most impactful 2-4 words. If not specified, derive from the topic.
- Niche / audience — tech, gaming, cooking, fitness, business, entertainment, etc.
- Style preferences — colors, mood, archetype (e.g., "reaction style", "clean/minimal", "dramatic")
- User-provided images — face photo, background image, product image, logo (local path or URL)
- Thumbnail name — derive a kebab-case slug from the description/style (e.g., "epic coding tutorial" →
epic-coding-tutorial). This becomes both the folder name and the composition name. - Project mode — ask the user which approach they prefer:
- New project (default) — scaffold a fresh Remotion project with
npx create-video@latest - Existing project — use an existing Remotion project the user points to (add a new composition)
- Current directory — scaffold in the current working directory
- New project (default) — scaffold a fresh Remotion project with