Phone mockup walks through a four-step networking app flow
918 views·15 likes·1 saves·6 reposts·Posted 27 Sept 2026 · 0:15 · Product & Ads
Our note
A 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.
The creator’s post
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. Start from the prompt template instead.
Make one like this
1 · Start from a template
This creator didn't share a prompt. Start from the template and describe this video's look.
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, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
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 →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth