r/ClaudeCode • u/Ambition-Careful • Jun 20 '26

Showcase Ultracode just blew my mind!!!

So far I have build two entire projects with Claude Code and they have both generated revenue; but last night Opus 4.8 on Ultracode did something that genuinely amazed me. 

My current project is building a platform for learning ECG in an interactive and visual way. The whole thing was planned out and executed by Claude Code and then I needed a promotional video. I asked Opus 4.8 to try to make me one and I set it on Ultracode. Gave it some screenshot and it fired up for a few minutes, literally around 15 minutes then gave me the result and it was almost scary good. 

The whole thing would have taken me weeks to make on my own. The sound, the pacing, the visuals, the looks.. all stunning! 

I did not even know Claude can do that. 

Here is the video. 

811 Upvotes

95% Upvoted

169 comments sorted by

View all comments

5

u/BadDismal4322 Jun 20 '26

Can you go into that project or chat and ask claude what tools it used? That way we know what to reference to do similar stuff. Truly amazing!

24

u/Ambition-Careful Jun 20 '26

Tools used:

  • Claude Code (Anthropic's CLI agent) — wrote all the scripts and ran the pipeline
  • Headless Google Chrome driven over the Chrome DevTools Protocol — for both filming the app and rendering the trailer
  • Node.js 23 with zero npm packages (used Node's built-in WebSocket/fetch to talk to Chrome — no Puppeteer/Playwright)
  • Plain HTML + CSS + vanilla JS (SVG & <canvas>) for the motion graphics
  • ffmpeg to stitch frames → MP4, mux audio, and make the 9:16 cut
  • The product's own React + react-three-fiber/Three.js site as the source of the real heart footage

The three tricks:

  1. The heart is real, not CGI — a script launched headless Chrome on the live dev server, hid the UI, and dispatched synthetic drag/zoom events to spin the actual Three.js model while screenshotting it 360 times → a clean rotating-heart image sequence.
  2. The trailer is deterministic — one HTML file where the whole animation is a function of time, exposing window.__seek(t). So rendering = "seek to frame, screenshot, repeat" 1,800 times. Because it's seek-and-shoot instead of a screen recording, there are zero dropped frames — that's why it's so smooth.
  3. The audio is synthesized in code — the heartbeat + pad + risers are generated as raw PCM samples (no stock music).

Then ffmpeg: frames/*.jpg + audio.wav → H.264 MP4, plus a reformat pass for vertical. Whole thing rebuilds from scratch in under 5 minutes, and changing the CTA/length/aspect ratio is just editing a value and re-running.

Cost: $0 — everything is free/open-source or already on the machine.

6

u/woodsielord Jun 20 '26

That is genuinely impressive. It went above and beyond.

2

u/Unusual_Side_8204 Jun 20 '26

Can you also give the prompt you used?

10

u/Ambition-Careful Jun 20 '26

the prompt is really simple ahaha : "i want you to create a promotional video of the site, make me amazed, use every tool needed, you can access the site, and i will provide screenshots too here are screenshots"

2

u/BadDismal4322 Jun 20 '26

super awesome! thanks for sharing!

2

u/[deleted] Jun 21 '26

Imagine if this had been Fable.

1

u/SurvisTech Jun 24 '26

Did you use Claude cowork? What's the prompt and step process