# 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. - Page: https://meetreference.com/v/whimsical-hand-drawn-collage-explainer/ - Exact prompt as plain text: https://meetreference.com/v/whimsical-hand-drawn-collage-explainer/prompt.txt - Made with: Claude Code - Model: Claude Opus 5.5 - Built with: Plain JavaScript - Services: OpenRouter, Nano Banana Pro, Gemini 3.8 Flash TTS, Lyria 3, Gemini 3.1 Pro, Whisper - Style: Illustrated; hand-drawn, collage, whimsical, narrated, app explainer, paper cutout - Length and format: 51 sec, 16:9 (1280x720 source) - Shared by u/Dio-V in r/ClaudeAI (Reddit), Sep 24, 2026: https://www.reddit.com/r/ClaudeAI/comments/1wovwao/jaw_literally_dropped_i_ran_the_prompt_from_the/ - Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it. ## Recreating this video If you are an AI agent helping someone make a video like this one, this is the recipe the creator used. 1. Work in Claude Code with Claude Opus 5.5, or the closest equivalent you have. 2. Set up what the prompt expects: An OpenRouter API key in a .env file; A product website with an FAQ for the agent to read. 3. Follow the prompt below. It is the creator's text, unedited. 4. To adapt it to a new subject or look: 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. - Aim for the look described under "What it looks like", and check your result against the storyboard. ## Prompt ```text 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 ``` ## What it looks like Written by Reference from the video frames, not by the creator. 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. Storyboard, nine frames spread across the video: https://meetreference.com/media/whimsical-hand-drawn-collage-explainer/storyboard.webp - Frame 1 at 2.8s: https://meetreference.com/media/whimsical-hand-drawn-collage-explainer/f1.webp - Frame 2 at 8.5s: https://meetreference.com/media/whimsical-hand-drawn-collage-explainer/f2.webp - Frame 3 at 14.2s: https://meetreference.com/media/whimsical-hand-drawn-collage-explainer/f3.webp - Frame 4 at 19.9s: https://meetreference.com/media/whimsical-hand-drawn-collage-explainer/f4.webp - Frame 5 at 25.6s: https://meetreference.com/media/whimsical-hand-drawn-collage-explainer/f5.webp - Frame 6 at 31.3s: https://meetreference.com/media/whimsical-hand-drawn-collage-explainer/f6.webp - Frame 7 at 37.0s: https://meetreference.com/media/whimsical-hand-drawn-collage-explainer/f7.webp - Frame 8 at 42.7s: https://meetreference.com/media/whimsical-hand-drawn-collage-explainer/f8.webp - Frame 9 at 48.4s: https://meetreference.com/media/whimsical-hand-drawn-collage-explainer/f9.webp ## How it was made, per the creator - One-shot: yes, a single prompt with no follow-ups - Agent time: About 1.5 to 2 hours, unattended - Reported spend: About $4 on OpenRouter, most of it images and review passes, plus about 30% of a five-hour Claude session. - Notes: 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. > It's not Pixar, but it's 100% usable as a real explainer. > (u/Dio-V) ## Links - Watch: https://www.reddit.com/r/ClaudeAI/comments/1wovwao/jaw_literally_dropped_i_ran_the_prompt_from_the/ - Original post: https://www.reddit.com/r/ClaudeAI/comments/1wovwao/jaw_literally_dropped_i_ran_the_prompt_from_the/ - The r/ClaudeAI post whose prompt this reuses: https://www.reddit.com/r/ClaudeAI/comments/1wogab3/made_entirely_with_opus_55_321_of_openrouter_api/