# Comic-zine promo for an AI newsletter > A 25-second signup promo that matches the AI Garage Weekly site: a cyan hero, a red comic headline with a black outline, cream paper cards, doodle robots, and a subscribe form. Hermes Agent built it with HyperFrames from a website-to-video prompt. - Page: https://meetreference.com/v/comic-zine-website-to-promo-ai-garage/ - Exact prompt as plain text: https://meetreference.com/v/comic-zine-website-to-promo-ai-garage/prompt.txt - Made with: Hermes Agent - Model: not stated - Built with: HyperFrames, GSAP - Skills or plugins: HyperFrames skill for Hermes Agent - Style: Product launches; comic zine, doodles, newsletter, website to video, thick outlines, playful, promo - Length and format: 27 sec, 16:9 (1280x720 source) - Shared by Tonbi's AI Garage in Tonbi's AI Garage (YouTube), May 15, 2026: https://www.youtube.com/watch?v=1IsskexiCSw - 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 Hermes Agent, or the closest equivalent you have. 2. Set up what the prompt expects: Hermes Agent with its HyperFrames skill installed; Web access so the agent can capture the source site. 3. Follow the prompt below. It is the creator's text, unedited. 4. To adapt it to a new subject or look: Swap the site under "Source:" and the newsletter name for your own, then rewrite the "Core message:" and the scene copy. Point the "Visual identity:" list at your own site's look. - Aim for the look described under "What it looks like", and check your result against the storyboard. ## Prompt ```text Create a 25-second 16:9 HyperFrames promotional video for AI Garage Weekly. Source: https://www.onchainaigarage.com Goal: Drive newsletter signups by showing that AI Garage Weekly is a fast, fun, useful Friday dispatch for AI tinkerers, builders, and curious technical people. Audience: AI builders, indie hackers, onchain AI people, local AI experimenters, and people who follow Onchain AI Garage. Core message: A newsletter for AI tinkerers. Latest AI news, interesting research finds, current ML experiments, and unique project ideas. Free every Friday. 5 minute read. From the creator of Onchain AI Garage. 10K+ subscribers and 300K+ views. Format: 16:9 landscape, 1920x1080. Suitable for YouTube, X, LinkedIn, and newsletter landing page embeds. No talking head. The video should work silently with captions. Optional upbeat music and light SFX. Visual identity: Match the actual AI Garage Weekly site closely. Use: - bright cyan / sky-blue hero background - cream editorial paper sections - red comic-style AI GARAGE WEEKLY headline with black outline - thick black borders - offset shadows - monospace uppercase labels - hand-drawn doodle robots, stars, coins, squiggles, and paper-plane marks - printed newsletter issue cards - playful comic-zine / garage-lab personality Avoid: - corporate SaaS polish - generic AI gradients - holograms - glassmorphism - stock footage - excessive shader effects Scene structure: Scene 1: 0-4 seconds Hook. Open on the cyan hero background. Doodles pop in around the frame: robot, star, coin, squiggle, paper plane. Stamp in the label: A NEWSLETTER FOR AI TINKERERS Then slam in the huge red headline: AI GARAGE WEEKLY Caption: "A newsletter for AI tinkerers." Motion: - sticker-stamp reveal - bouncy title overshoot - tiny doodle loops - comic-zine wobble Scene 2: 4-8 seconds Credibility. Animate proof badges from the landing page: FROM THE CREATOR OF ONCHAIN AI GARAGE 10K+ SUBSCRIBERS 300K+ VIEWS Caption: "From the creator of Onchain AI Garage." Motion: - badges pop in like printed labels - light paper texture - red underline scribbles - quick camera push Scene 3: 8-14 seconds What you get. Show four kinetic paper cards: 1. AI news 2. Research finds 3. ML experiments 4. Project ideas Caption: "News, research, experiments, and project ideas." Motion: - paper cards slide and shuffle - card edges lift like physical zines - doodle arrows connect the cards - one comic-panel transition between beats Scene 4: 14-19 seconds Latest issues. Show recent issue cards fanning into frame like printed zines. Use real issue topics from the site if visible, such as: - Hermes Agent Masterclass - Gemma MTP - VLM Reinforcement Learning - Local AI - Brain Upload - Codex for Work - Multi-Agent Systems - Hermes Dashboard Plugins - Kimi K2.6 - Hermes + Webhooks - LeWorldModel - Zasshi Caption: "Five-minute reads. Real experiments." Motion: - cards fan open - camera glides over issue titles - one card gets circled with a hand-drawn marker Scene 5: 19-23 seconds Subscribe moment. Recreate the signup form. Type an example email into the form. Click the red SUBSCRIBE button. Trigger a doodle burst. Caption: "Free every Friday." Motion: - typewriter clicks - button press bounce - stars and squiggles burst outward Scene 6: 23-25 seconds CTA. Clean end card. Text: AI GARAGE WEEKLY A newsletter for AI tinkerers Free every Friday onchainaigarage.com Motion: - logo settles - doodles loop subtly - final paper-card snap to frame Technical direction: Use website capture or deterministic HTML recreation. Preserve the actual site style. Use GSAP seekable timelines. Use only one major transition, such as a comic-panel wipe or grid-pixelate wipe. Keep text large and readable. Deliverables: Create DESIGN.md, SCRIPT.md, STORYBOARD.md, and the HyperFrames composition. Provide 5 still-frame checkpoints before final render: 1. hero title frame 2. credibility badges frame 3. what-you-get cards frame 4. latest issues zine spread 5. subscribe CTA frame ``` ## What it looks like Written by Reference from the video frames, not by the creator. A website-matched promo in comic-zine style: a cyan sky with doodle robots, stars, coins, and paper planes, a red comic headline with a black outline, cream paper cards with thick black borders, and a subscribe form. - Color: Bright sky cyan, cream paper, tomato red, black outlines, and small yellow coins. - Type: A chunky red display face with a black outline for AI GARAGE WEEKLY, a serif subline, and monospace uppercase labels in bordered pills (FROM THE CREATOR OF ONCHAIN AI GARAGE, 10K+ SUBSCRIBERS, 300K+ VIEWS, FREE · EVERY FRIDAY · 5 MIN READ). - Framing: 16:9 with centered stacks of bordered pills and cards with hard offset shadows, a two-by-two grid of topic cards, three issue cards in a row on cream paper, and doodles scattered toward the edges. The opening frames show it playing in a desktop media player, with the player's controls along the bottom. - Structure: The AI GARAGE WEEKLY hero, the proof badges, four topic cards (AI news, research finds, ML experiments, project ideas), three latest-issue cards on cream, an email field with a red SUBSCRIBE button and a burst of dots, and an AI GARAGE WEEKLY end card with "A newsletter for AI tinkerers." and a SUBSCRIBE AT ONCHAINAIGARAGE.COM pill. Storyboard, nine frames spread across the video: https://meetreference.com/media/comic-zine-website-to-promo-ai-garage/storyboard.webp - Frame 1 at 752.5s: https://meetreference.com/media/comic-zine-website-to-promo-ai-garage/f1.webp - Frame 2 at 755.5s: https://meetreference.com/media/comic-zine-website-to-promo-ai-garage/f2.webp - Frame 3 at 758.5s: https://meetreference.com/media/comic-zine-website-to-promo-ai-garage/f3.webp - Frame 4 at 761.5s: https://meetreference.com/media/comic-zine-website-to-promo-ai-garage/f4.webp - Frame 5 at 764.5s: https://meetreference.com/media/comic-zine-website-to-promo-ai-garage/f5.webp - Frame 6 at 767.5s: https://meetreference.com/media/comic-zine-website-to-promo-ai-garage/f6.webp - Frame 7 at 770.5s: https://meetreference.com/media/comic-zine-website-to-promo-ai-garage/f7.webp - Frame 8 at 773.5s: https://meetreference.com/media/comic-zine-website-to-promo-ai-garage/f8.webp - Frame 9 at 776.5s: https://meetreference.com/media/comic-zine-website-to-promo-ai-garage/f9.webp ## How it was made, per the creator - Notes: The third of five builds in the walkthrough; the finished promo plays at about 12:31 to 12:57. In the walkthrough the creator points out a missing title in the preview, and Hermes patches it before the final render. The creator published this file as the prompt from the video, in what the repo README calls a repo-ready prompt set. The prompt typed into Hermes on screen asks for the same scenes and copy but is worded and organized differently, and opens by invoking the website-to-HyperFrames flow. The model behind Hermes isn't stated. > Some of these one-shotted, some needed a second pass in the Hermes Studio live preview where bugs were obvious before I rendered anything out. > (Tonbi's AI Garage) ## Links - Watch: https://www.youtube.com/watch?v=1IsskexiCSw&t=751s - Original post: https://www.youtube.com/watch?v=1IsskexiCSw - The prompt file on GitHub: https://github.com/tonbistudio/hyperframes-prompts/blob/main/prompts/01-newsletter-promo.md - AI Garage Weekly, the site it recreates: https://www.onchainaigarage.com