// Content production · Playful //
Explainer Illustration
Presentation · 9:16 · 8 s
DetailsFlat-illustration explainer on pink and cream: faceless characters, B&W photos in cyan photo corners, and H₂O clouds swept away to reveal the title.
The look has three signatures. The first is flat explainer illustration with a thin black outline: faceless characters (circle head with a triangular beak in place of a nose, lab coat, tube arms, and rounded gloves), flat objects, and bubblegum-pink and cream backgrounds with fine grain. The second is real black-and-white photos in cyan photo corners, which slide and rearrange into a grid while black cracks grow and yellow crowns boil in the corners. The third is a bank of black clouds with a chemical label ("H₂O", "CO₂"), swept away by a hand with a net or an umbrella, revealing an extra-wide title in black and cream. In the middle, a continuous shot with the camera rising and falling tours a single world: the globe with real continents (Natural Earth) and a path drawn on top, characters acting with objects, and hard cuts only between backgrounds of different colors. The skill builds everything as HTML pages animated frame by frame (GSAP, Playwright, and ffmpeg), includes the tool to find free photos on Wikimedia Commons, with credit, and synthesizes an explainer soundtrack with marimba and the effects. Requirements: Node 20 or newer, ffmpeg, and python3. Automatic photo cutout uses Vision on macOS 14 or newer, but this style barely needs cutouts.
- Presentation · 9:16 · 8 s
- Runs in Claude Code
- Advanced
The look has three signatures. The first is flat explainer illustration with a thin black outline: faceless characters (circle head with a triangular beak in place of a nose, lab coat, tube arms, and rounded gloves), flat objects, and bubblegum-pink and cream backgrounds with fine grain. The second is real black-and-white photos in cyan photo corners, which slide and rearrange into a grid while black cracks grow and yellow crowns boil in the corners. The third is a bank of black clouds with a chemical label ("H₂O", "CO₂"), swept away by a hand with a net or an umbrella, revealing an extra-wide title in black and cream. In the middle, a continuous shot with the camera rising and falling tours a single world: the globe with real continents (Natural Earth) and a path drawn on top, characters acting with objects, and hard cuts only between backgrounds of different colors. The skill builds everything as HTML pages animated frame by frame (GSAP, Playwright, and ffmpeg), includes the tool to find free photos on Wikimedia Commons, with credit, and synthesizes an explainer soundtrack with marimba and the effects. Requirements: Node 20 or newer, ffmpeg, and python3. Automatic photo cutout uses Vision on macOS 14 or newer, but this style barely needs cutouts.
How to use
01
Copy the prompt
Use the Copy prompt button on this page.
02
Paste it into your AI
Open Claude Code in the project folder and paste the prompt.
03
Get the video
Claude delivers an MP4 ready to post.
In the package
- Prompt ready to copy and paste
- Video in 9:16, 8 s
- Skill as a .zip to install in Claude
