What you get
- A 25 to 40 second MP4 at 1080p, 2K or 4K, 30 fps
- An editable HTML teaser with a scrubbing preview, rebuilt from the product's real screens
- A soundtrack with synthesised key clicks, sends and a wordmark swell over the music bed
- QA contact sheets to approve before the full render, and a short sources report
- Optional PopNow music bed, signature sound effects, macro cold open and sample thumbnails
Good for
- Teasing an agent skill, plugin, MCP server or CLI inside the terminal it runs in
- Short launch or feature teasers for apps with a real interface
- Social clips and keynote openers that should feel calm and premium
Not for
- Narrated explainers or tutorials; there is no voiceover and no captions
- Long feature tours; the style proves one thing and stops
- Products with no interface, command or output to show
How to use it
In Claude or ChatGPT
Use the PopNow skill "Cinematic Dark UI Teaser" (cinematic-product-teaser) for this: Make a 30-second teaser for https://fernlog.example, our agent skill that drafts release notes. Show it installed and used in the terminal, then the finished notes. Quote the music before generating it.
In a coding agent
/popnow-cinematic-product-teaser Make a 30-second teaser for https://fernlog.example, our agent skill that drafts release notes. Show it installed and used in the terminal, then the finished notes. Quote the music before generating it.
Then try
Add a second terminal side by side to show it also runs in our other supported agent.
Make a 20-second lite cut for social with our own track instead of generated music.
What to have ready
- The product URL, a description or screenshots, and permission to use them
- What a user types into the product and what comes back
- A licensed track, or a PopNow API key for the music bed
- Node.js 20+, FFmpeg, Chrome and playwright-core
Similar skills
View all →Agent Crew Launch Video
+3Glossy helper characters on warm dotted paper, live phone tasks and a skill that hatches a brand-new helper.
AI Chatbot Demo Video
+3A narrated demo inside a dark chat app: switch on your integration, ask, get the result and a count-up.
Agentic Product Launch Film
+3A calm keynote-style launch film built from your product's real site and interface, cut on the beat.
Animated Checklist Product Demo
+3A paper-note checklist beside a phone screen; each box ticks the moment its step happens on screen.
Mobile App Promo Video
+3A 10-13 second app promo where seven product beats flow as one camera move, coded in HTML and GSAP.
ASCII Glitch Hype Film
+3Glyph-cell ASCII frames, tracking boxes and dot-matrix words cutting every tenth of a second to your logo.
Before-and-After Comparison Launch Video
+3Near-black canvas, mono file names, one electric accent: your content as a still page, then as a film.
Blueprint Spec Promo Video
+3Your claim drawn on a near-black spec sheet: framed figures, hatching, leader lines and a title block.
Changelog Explainer Video
+3Turn a real pull request into a 30-second film for people who will never read the diff.
One-Thread Chat Launch Video
+3One chat window on warm paper that never resets: ask about the wait, ask for the fix, watch it run.
Developer Tool Launch Reel
+3One prompt typed in four places, a beat-cut reel of real results, then your install command.
SaaS Product Video with Device Mockups
+3Your real app screen on a neutral device in a dark studio, then one live action and a bright reveal.
Warm Paper Editorial Launch Video
+3Oversized type on warm paper, one accent per frame, a lifted product card and an ink-black turn.
Complaint-to-Feature Launch Video
+3Open on the complaint your users keep posting, then prove the new feature makes it false.
Funny Problem-Solution Video
+3A small annoyance plays as a gag, polite requests pile up, then one orange pill becomes the fix.
Halftone Canvas Launch Video
+3A launch film on one living dot canvas that moves a beat before every line of text.
Hand-Drawn Infographic Video
+3Felt-tip panels on one long poster, a drawn route the camera follows, then a pull-back to the whole sheet.
AI Assets for HyperFrames
+3Hero stills, B-roll, music beds and voiceover for HyperFrames videos, quoted first and filed in assets/.
Product Launch Film
+3A 20-40 s launch video from your URL or README, with ready-to-post copy and three aspect ratios.
Liquid Logo Reveal Sting
+3A glassy bead carries your mark, unreadable, then bursts and leaves the crisp lockup.
Multi-Style Keynote Launch Video
+3Each capability in its own world: a blue chart, a cream serif page, a dark light field, a poster grid.
Multilingual Launch Video
+3Your product name holds still while each language rolls in, in its own script, voiced and captioned.
Narrated Explainer Video
+3A 45-120 second explainer with voiceover and word-synced captions, in collage, whiteboard or data style.
Paper-Cut Science Animation
+3Shadow-box paper layers, a cut-paper Sun and Moon, labels swinging on strings: one science idea, narrated.
Partnership Announcement Video
+3A presenter in a bordered window, two logos on one card, a typed three-step setup, verbs rolling on cue.
Pixel Art Promo Video
+3A retro pixel-art film about your product, drawn frame by frame from your link, pitch or story.
Plush Character Launch Video
+3Felt plush characters ride cursors and build your promo live in a team editor, every cut on the beat.
Silence-to-Sound Reveal Promo
+3A button pressed three times in total silence, then the same shot again with sound, then with music.
Square UI Morph Promo
+3On warm paper a button stretches into a prompt card, then the view zooms out to a wall of sessions.
Paper Storybook Animation
+3A picture book that moves: felt-and-clay cut-outs, layered paper hills and words that pop on one by one.
Testimonial Video Maker
+3Portrait plates with a raised quote card on warm ruled paper, one teal accent, a calm crossfade per customer.
Text Behind Person Title
+3A giant headline punches in behind the person on camera, then owns the frame after a clean cut.
Material Texture Type Promo
+3Headline letters cut from terrazzo, brick and steel, swapping surface every 3 frames over a warm moodboard.
Whiteboard Animation Video
+3A marker pen draws the whole lesson on one board, erases the myth, then pulls back to the finished board.
Questions
Is the footage generated by a video model?
No. The engine draws every frame from HTML that rebuilds your real screens, then captures it frame by frame, so labels stay exact and editable. PopNow only adds the music bed and, if you want it, a two-second macro cold open.
Does my product have to be an AI agent?
No. Any product with an input and a result works: a search box, a command palette, a New dialog. The story is always one request, real results, one artifact.
Can it show my skill or CLI inside a coding agent?
Yes. It has two neutral agent-terminal skins, alone or side by side, with your real install command, tool calls and output lines. They carry no agent vendor's logo or colours.
What does it cost?
Rendering on your machine is free. A typical teaser uses one PopNow music run, about 72 credits; a kit of signature sound effects adds about 360. Everything is quoted first. Without a key, use your own track and effects or ship it with the built-in interface sounds.