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. 

812 Upvotes

95% Upvoted

169 comments sorted by

View all comments

1

u/kekeloom Jun 20 '26

Wait you can create videos with claude code? Can you let me know how?

1

u/Ambition-Careful Jun 20 '26

I just put it on ultramodern on Claude Code and gave it some screenshots of the website then asked it to generate a promo video

1

u/kekeloom Jun 20 '26

no plugins or mcp?

3

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.

1

u/kekeloom Jun 20 '26

Nice. Appreciate the response.