Frame from Paper-collage explainer for an events app
PromptFull
Create a pure javascript animation. 30s-60s whimsical hand drawn collage style with appropriate audio on Friendr.nl.

Entire video should be as high of a production value as possible. Please spend your time on this, it's very important. People should understand what Friendr.nl is for and after seeing the video will want to create an event to try it out. Read the FAQ first.

Use high quality text-to-speech model for generation. You can find open router API key in .env file

You can use any tools you can find access to and resources on the internet. You create the script, the assets, the animation, concept, everything.

I have to go away from my computer so please work autonomously until done. Quality is paramount. Production value should be on professional level.

One more thing: max OpenRouter spend is $10

Make it yours. Replace "Friendr.nl" (it appears twice) with your product, and rewrite the goal sentence "People should understand what Friendr.nl is for and after seeing the video will want to create an event to try it out." Keep the spend cap line.

Make it hereFree runs soon

Paper-collage explainer for an events app

A 51-second hand-drawn collage explainer for the creator's events app, Friendr.nl, made by reusing the purpose-of-life collage prompt. Claude Code worked unattended for 1.5 to 2 hours and spent about $4 on OpenRouter for art, voice, music, and reviews.

“It's not Pixar, but it's 100% usable as a real explainer.”

You'll need

  • An OpenRouter API key in a .env file
  • A product website with an FAQ for the agent to read
How it was made

The creator copied the earlier prompt almost word for word, gave Claude Code an OpenRouter key with a $10 cap, and walked away. Claude wrote the script, visited the website for reference screenshots, generated the collage art, voice-over, music, and sound effects, built a pure JavaScript canvas animation synced to each spoken word, had another model review its drafts, and rendered the MP4. The creator's OpenRouter screenshot lists Gemini 3.1 Pro, Nano Banana Pro, Gemini 3.8 Flash TTS, Lyria 3, and Whisper among the models used. A Dutch and an English version were made; the English one took about 30 more minutes.

About $4 on OpenRouter, most of it images and review passes, plus about 30% of a five-hour Claude session.

Posted Sep 24, 2026 · r/ClaudeAI on Reddit · 1.3k upvotes · 214 comments

Prompt from: Post body (the first of two pasted copies)

The r/ClaudeAI post whose prompt this reuses

Look notesby Reference

A paper-cutout explainer with a sticker-style character in a mustard sweater: a group chat buries the character in messages, then an event gets created, one link gets shared, and a traffic light turns green once enough friends join.

Color
Cream paper and pale sky-blue watercolour grounds, mustard yellow, teal, and orange, with white sticker outlines and strips of washi tape.
Type
Handwritten labels ("game", "group chat", "Signal", "min. 6 players"), clean sans-serif app text in English, a green rubber stamp "IT'S ON!", and a chunky multicolored Friendr wordmark.
Framing
The cutout character stands at the left of a wide frame while phones, chat bubbles, form cards, and props are taped up on the right; the end cards center the logo and taglines.
Sound
A voice-over from Gemini 3.8 Flash TTS, with music and sound effects also generated through OpenRouter, according to the creator.
Structure
The character with a phone and an empty friends chat, a storm of chat bubbles ("so is it Saturday or Sunday??"), a "What do you want to do?" event form, a link (friendr.nl/e/werewolves) sent to a group chat and Signal, a "Werewolf night" card with empty seats beside a traffic light, the seats filling under an "IT'S ON!" stamp with the light green, a collage of event ideas (drinks, movie night, padel, werewolves), and the end cards: "Create an event. Share one link. Done!" with a "Create your first event" button and friendr.nl.

More like this

1:00

Hand-drawn collage on the purpose of life

Claude Code · Plain JavaScript

0:51

Ink-and-watercolour explainer for an app

Claude Code · Plain JavaScript

0:52

Hand-drawn collage of a startup's story

Opus 5.5 · Plain JavaScript

0:39

Paper collage asking the purpose of life

Opus 5.5 · Plain JavaScript

0:06

Paper-cutout garden with stop-motion holds

HyperFrames

1:25

Crayon piano performance with a black cat

Opus 5.5 · Canvas 2D

3:55

Ink-wash animation of a tadpole story

Opus 5.5 · HTML and CSS

0:16

Clawd plants a seed: a watercolour cartoon

Claude Code · ClaudeAnimationBase

0:29

Claude icons shoot an action movie

Claude Code · Python

0:30

Four seasons past a cozy train window

Claude Code

0:48

Paper-collage promo for a nutrition app

Partial prompt · Opus 5.5 · Plain JavaScript

2:38

Five thousand years of China in line art

Claude Code · SVG

1:48

Origami doodle story from humanity to AI

Partial prompt · Opus 5.5 · Plain JavaScript

0:28

Risograph animation of a lone ink dot

Claude Code · Canvas 2D

0:18

Pelican test extended into a cartoon gag

GPT-6 Astra · SVG

0:22

Stickman YouTube video about charisma

Claude Code · FFmpeg

4:48

Line-art lesson on atmospheric circulation

Claude Code · SVG

1:52

Atoms to mixtures, explained for 8th grade

Partial prompt · Claude Code · HTML Canvas

0:58

Paper-craft explainer of Docker containers

Claude Code · Plain JavaScript

6:36

Toy theatre: an octopus sues the Moon

Partial prompt · Claude Code · Plain JavaScript

4:26

How AI coding agents actually work

Prompt described · Claude Code · Remotion

0:45

Narrated trailer for an events map app

Opus 5.5 · Playwright

1:59

Clawd rides a star-whale in watercolour

Claude Code · ClaudeAnimationBase

16:50

The CEO who escaped Japan in a box

Claude Code · Blender

0:57

Collage-style vertical reel about a novel

Prompt described · Opus 5.5 · HTML and CSS

0:38

Trailer for a Minecraft wizardry mod

Claude Code · Three.js

4:22

Cartoon music video about linear algebra

Claude Code

13:23

Video essay on Madoka Magica episode 10

Claude Code · p5.js

12:12

What is a Transformer, for high schoolers

Claude Code · Remotion

11:16

Fern-style documentary on AI building AI

Claude Code