Frame from Comic-zine promo for an AI newsletter
PromptFull
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

Make it yours. 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.

Make it hereFree runs soon

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.

“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.”

You'll need

  • Hermes Agent with its HyperFrames skill installed
  • Web access so the agent can capture the source site
How it was made

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.

Posted May 15, 2026 · Tonbi's AI Garage on YouTube · 637 likes · 25k views · 49 comments

Prompt from: Prompt file in the creator's GitHub repo, linked from the video description

The prompt file on GitHub

AI Garage Weekly, the site it recreates

Look notesby Reference

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.

More like this

0:30

Zasshi King promo with a UI shatter

Hermes Agent · HyperFrames

0:23

Launch video for a horse dating site

Prompt described · Opus 5.5

0:15

Vertical promo for a fan-made card site

Opus 5.5

1:02

One-camera promo film for HyperFrames

HyperFrames

0:17

Audio-reactive promo for a music CD store

Partial prompt · OpenCode · Remotion

1:06

Launch video for a livestreaming product

Opus 5.5 · HTML

0:40

Launch video for Cosmos, from two prompts

Opus 5.5 · HyperFrames

0:46

Launch video for a SaaS the model picked

Opus 5.5 · HyperFrames

0:31

Laptop launch film from a one-line prompt

Codex · HyperFrames

0:45

Launch video for Linear made from its URL

Partial prompt · HyperFrames

0:45

Narrated trailer for an events map app

Opus 5.5 · Playwright

0:40

Black-and-white launch film for Grok 4.7

Opus 5.5 · HTML

0:29

Apple-keynote film for a photo-print app

Opus 5.5 · HTML and CSS

0:30

30-second brand spot for Grok Bot

Claude Code · Plain JavaScript

0:40

40-second product showreel for Distilbook

Claude Code

0:30

Apple-style launch video for a workout app

Claude Code · HTML and CSS

1:14

Stickman showcase of a Minecraft minigame

Opus 5.5 · SVG

0:32

Kinetic-type launch film for an AI startup

OpenComputer agent (LaunchVideo) · HTML and CSS

0:48

3D promo for a travel-tracking app

Claude Code · Remotion

0:47

Launch video for the Wasmer SDK for Swift

Opus 5.5 · HTML and CSS

0:48

Paper-collage promo for a nutrition app

Partial prompt · Opus 5.5 · Plain JavaScript

0:32

Apple-style vertical film from screenshots

Prompt described · Claude Cowork · Three.js

0:26

Launch video for an AI inference startup

Claude Code · Plain JavaScript

0:04

Keynote-style iPhone mockup rising in

Claude Code · Remotion

0:20

Apple-style promo for the VVTerm app

Claude Code · Remotion

0:37

Dark launch video for an AI desktop app

Claude Code · Remotion

0:20

Cursor Agent Skills announcement

Cursor · Remotion

1:24

Newsletter app demo built from its own UI

Claude Code · Remotion

0:08

Remotion's Agent Skills launch animation

Claude Code · Remotion

0:16

Showreel of type, form, space and time

Opus 5.5 · HyperFrames