Skip to content

Make your product video with Claude Code or Codex.

Your coding agent wrote the feature, and the session is still open. Now the announcement needs a video, and the only material is a screen recording on your desktop.

In CrispDemo the same agent makes the video. It works with CrispDemo's tools on your Mac, and you follow each step in the Studio chat.

For Mac with Apple silicon. No public download yet.

The Which coding agent will make your videos? screen with Claude Code, Codex and OpenCode, each marked Ready.

How your coding agent makes the video.

Each step shows in the Studio chat.

  1. It looks at your recording

    After you allow it, the agent reads frames from your screen recordings and your screenshots through CrispDemo's tools. Your original files are never changed.

    The create composer with two screen recordings and a screenshot attached, a one-sentence brief, the Create video button, the estimate for the voice, music and Gemini review, and the checkbox that lets your coding agent read the files.
  2. It rebuilds each screen as HTML

    A rebuilt screen stays sharp at any size, so the same story can be framed wide for YouTube and tall for TikTok. The agent checks each screen against the recording, and you can compare them yourself.

    Claude Code making the first draft from two screen recordings and a screenshot: the brief, then its steps building the Publish release screen, comparing it with the recording and building the Notifications settings screen.
  3. It writes the script and directs the story

    The agent writes each scene's title and voiceover line. CrispDemo adds a Gemini voice and music, and renders every look on your Mac.

    The Sound panel's voice grid with eight voices, the Kore sample playing, the voiceover language and captions.
  4. It makes your changes

    Ask for a change in plain words, for the whole video or for one scene. The agent answers in the Studio chat and the video is updated.

    A change request answered by Claude Code: it shortened scene 2's title and voiceover and updated the YouTube video.

After the first draft.

A review to act on, and a file for each place you post.

A Gemini review your agent can act on

Gemini watches and listens to the rendered video and lists what to fix. Fix this sends a finding to your coding agent.

The Gemini review scored 7 out of 10, with a timed pacing fix, a Fix this button and findings to consider.

A look for each place you post

Each look shows how the video will appear there, with the right shape and captions.

The Export video dialog with YouTube, TikTok and LinkedIn chosen, each rendered at its own size, such as 1920x1080 for YouTube and 1080x1920 for TikTok.

Questions

Which coding agents work with CrispDemo?

Claude Code, Codex and OpenCode. You pick one the first time you open CrispDemo, and it helps you install and sign in to it.

What does my coding agent need?

Claude Code needs a paid Claude plan or a Console account. Codex needs a sign-in with ChatGPT Plus or higher. OpenCode works with free models and no account. Free models may use what you send them to improve the model, and you can connect your own provider to avoid that.

What does the agent see?

Before a video is made, CrispDemo asks whether your coding agent may read your screenshots, or frames from your recordings, on your Mac. The agent sends what it reads to its own model provider, under your account with it.

Who pays for what?

Your coding agent's work runs on your own plan with it. The voice, the music and the Gemini review are paid per use, from your CrispDemo balance or through your own Gemini key. Rendering on your Mac is free.

Give your app a proper introduction.

CrispDemo is in early access, for Mac (Apple silicon). Tell us about your app and where you post, and we'll let you know when you can try it.