Product & UI · Oct 7, 2026

Claude Code made this 15s teaser for my iPhone app entirely in code: no video editor, no stock music, and it reviewed its own frames before the final render

Claude Code made this 15s teaser for my iPhone… by dylpickle300, credited to Claude Opus 5.5. Watch the Product & UI video and visit the original Reddit post.

dylpickle300u/dylpickle300
View on Reddit
Opus 5.5
4 net upvotes on Reddit, checked Oct 15, 2026

Open the original Reddit post for the version with sound.

From the creator’s post · dylpickle300 on Reddit
This is a teaser for Trackables, my iPhone habit and data tracker. I didn't open a video editor for it. I typed `/motion-design a teaser ad for Trackables` in Claude Code (Opus 5.5), answered four quick questions (iPhone app, 15 seconds, vertical + 16:9, just go), and this came out in under an hour. **What Claude actually did:** - **Used the real app, not made-up UI.** It pulled the full-res App Store screenshots, the app icon, the Dracula palette and the Space Grotesk font straight from my repo. - **Planned on a beat grid.** 128 BPM, 8 bars = 15 seconds. It wrote a shot list where every change lands on a beat and the phone comes in on the drop. - **Built the film as code.** It's one HTML canvas page where every frame is a pure function of time, with spring physics instead of easing curves. Headless Chromium renders it at 60fps (4 subframes per frame for motion blur) and ffmpeg encodes it. - **Animated the real screenshot pixels.** It measured crop rectangles in the screenshots…
From the creator

The prompt behind it.

The creator has not shared a public prompt. Visit the original post for more about this work.

Video and prompt by dylpickle300. Original post ↗

Is this your work? Add the badge

Paste this on your site or README to link people to this page.

Featured on motif
<a href="https://createmotion.io/motions/reddit-1x02zhm/"><img src="https://createmotion.io/featured-on-motif.svg" alt="Featured on motif" width="188" height="44"></a>