Phone mockup walks through a four-step networking app flow
918 views · 15 likes · 1 saves · 6 reposts · Posted Sep 27, 2026 · 0:15 · Product & ads
OUR NOTEA vertical 15-second explainer for the ChatSoon app, stepping a phone mockup through scanning a card, sharing a QR code, contact context and a drafted follow-up message; the author says it is pure HTML, CSS and JS from one prompt.
New @AnthropicAI Opus 5.5 is truely impressive. 👏
Asked it to generate a 15sec explainer animation of my new app @ChatSoonApp.
Pure HTML/CSS/JS.
Retained 100 page speed score and web accessibility.
One shot prompt on ultracode. Brilliant job.THE PROMPT
The creator didn't publish a prompt for this one. The post text is below.
MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
This creator didn't share a prompt. Start from our template instead.
PROMPT TEMPLATE → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
Indexed Oct 3, 2026, 5:09 PM · Views as of indexing. Video and post © their creator.