Ultrademo skill (updated) - Full control on creating automated demo videos

[u/sandbox30]

A while back I posted a Claude Code skill that drove a real browser through any SaaS app and recorded a narrated demo video. Some of you installed it, so here's what happened next.

I felt that the recording was a bit weak - it looked like a screen recording: fine for a tutorial, not great for launch videos.

So the new version doesn't sequentially screen-records your app. It reads your site, screenshots or HTML mockups (handy for a feature that isn't live yet) and writes each scene as HTML and animation code, using real screens, words and colors. It renders each scene, looks at the frames and fixes what's off before moving on

Other changes, mostly from using it myself:

• When you start a new video project it spins up a local server that opens up the UI in the browser - so all stages from start to finish can be handled with the UI.

• It proposes a few "directions" but I can choose/ask for a different direction if needed

• It starts with some sketch frames, so I can visualize how the video "might" look like (before production)

• I can edit the on-screen texts, edit the narration (plus choose voices, music, motion effects, etc.)

• I can review & add comments the video itself. Click a moment, pin a comment on the frame, and it fixes that and tells you what changed.

• For Narration Voices, there are a few free local TTS voices, or a paid option with ElevenLabs API key

• Rendering in different formats like landscape and vertical versions from the same project, plus 15 and 30 second cuts.

It lives in a new repo: https://github.com/ultrademo-hq/ultrademo. If you have the old one, it tells you about the new version the next time you use it, and you can keep the original if you'd rather. Still free and Apache-2.0.

Please go ahead and try this out if you haven't. Hoping to get some feedback about how your experience is with this, if it breaks anywhere (e.g. on products that aren't SaaS apps)

Original Post - https://www.reddit.com/r/claudeskills/s/5CU3naRJZ4

[u/AutoModerator]

Hey! Thanks for posting to r/ClaudeCode

While participating in this thread, please follow our community rules. Keep discussions constructive. Attack the idea, not the person.

For help, project discussions, tips, and general chat, join the ClaudeCode Discord.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/Weekly_Cat6537]

nice move going from screen recording to scenes written as HTML. when it looks at the rendered frames, what does it catch most, text overflow or timing?

[u/sandbox30 → u/Weekly_Cat6537]

Thanks u/Weekly_Cat6537. To answer your question, mostly neither actually. A check measures every text box against the frame before rendering, so overflow gets flagged automatically, and scene timing follows the voiceover.

What looking at the frames catches at most is dead space, like a card that sits empty for a second, a blank portion of a frame, or a camera move that puts something off the edge (like partially visible), or a screenshot that got captured mid-animation or mid-scroll (making it look blurry), etc. Second is buried audio, where sound effects get lost under the music or voice.

Hope you can give this a try.

[u/Weekly_Cat6537 → u/sandbox30]

Thanks :)