Tideline habit app launch ad with wireframe split view, made with Claude Opus: Claude Code launch video
Originally posted by @archiveexplorer on X · posted Oct 4, 2026 · curated by MotionHunt, updated Oct 17, 2026

In short
A launch-ad video breakdown that shows a finished ad beside its wireframe, with both synced frame for frame. The author lays out a 9-beat ad structure for a product called tideline. Length and aspect ratio are not stated.
Prompt
Write my launch video as 9 beats: pain, reframe, name, how it works, objection, range, mechanism in numbers, offer, CTA – one line each. For every beat write 3 headline options and send them to Jev to pick the one that best fits my brief. Build each beat as a wireframe first in HyperFrames: boxes, outlined text, guide lines, no color. Show me one still per beat and lock the timing. Then skin it from my DESIGN.md without moving the layout, and render a split view: final on the left, wireframe on the right.How it was made
The author names "jev" and "opus 5.5" in the post. The pasted prompt says to write the beats, then build each beat as a HyperFrames wireframe (boxes, outlined text, guide lines, no color), lock timing on the wireframe, and then apply styling from a DESIGN.md file. The post also says Jev picks the headline from 3 options per beat. The post does not say which tools rendered the shared video, its duration, or its cost.
- Tools
- Claude Code, Claude Opus, HyperFrames
Shot breakdown
- Beat 1Pain: "Streaks break."
- Beat 2Reframe: "Momentum doesn't."
- Beat 3Name: the tideline name with one line explaining what it is.
- Beat 4How it works: the real UI, shown with one action.
- Beat 5Objection: "Missed a day? Come back." followed by "Not a reset."
- Beat 6Range: "Any habit. Any pace."
- Beat 7Mechanism in numbers: 10-day half-life, 8% floor.
- Beat 8Offer: "Pro free for 7 days"
- Beat 9CTA: "Every comeback counts. Start free"
Breakdown written by AI from the prompt and post, reviewed by MotionHunt.
Why it works
- Each beat is one line; the author says a beat needing two sentences should be split into two beats.
- Structure is locked in a wireframe first, so layout is fixed before color, type, or motion are added.
- Timing (cuts, holds, moves) is set on the beat grid while changes are still cheap.
- Split view (finished ad left, wireframe right, synced start to finish) makes layout mismatches easy to spot in review.
Remix it for your product
Write my launch video for [PRODUCT] as 9 beats: pain, reframe, name, how it works, objection, range, mechanism in numbers, offer, CTA, one line each. Focus on these features: [FEATURES]. For every beat write 3 headline options and send them to Jev to pick the one that best fits my brief. Build each beat as a wireframe first in HyperFrames: boxes, outlined text, guide lines, no color. Show me one still per beat and lock the timing. Then skin it from my DESIGN.md without moving the layout, and render a split view: final on the left, wireframe on the right.Open in CustomizeAbout the product
tideline
FAQ
What tool made this launch video?
This video was made with Claude Code, Claude Opus and HyperFrames.
Can I see the prompt behind this video?
Yes. The full prompt is shown on this page (from the author's post). Credit the original creator if you reuse it.
What kind of product is this video for?
It is a launch video for a mobile app product.
Comments (0)
Sign in to comment.
Related videos
15-second showreel for SketchMason made with Claude Opus, written as code and rendered frame by frame@danieldxdere
Mila launch video made with Claude Code@gulimoreno
Concept launch video for X made with Claude Code and Remotion@hari65535
Hedy SaaS launch video made with Claude Opus 5.5@julianpscheid
Talking HyperFrames logo character explainer made with Claude Opus 5.5@rina_artist1
Product explainer motion graphic prompt for distilbook made with Claude Opus@sudo_kiran