Skip to content20cuts
Menu

Install in your product repo.

The installer adds a Remotion project and a skill for your coding agent.

Install in your product repo.

Terminal
npx -y https://20cuts.com/releases/v0.3.0/20cuts-create-0.3.0.tgz video/20cuts

Open Codex. Make a video.

Codex prompt
$20cuts-video Make a 15-second video of this product’s main workflow. Show me the visuals first.
Preview and render
Terminal
cd video/20cuts
npm ci
npm run studio

Export your MP4 with npm run render.

Add voice-over

Build the visuals first. Put each recording in public/vo/, then follow VO-SYNC.md in your video folder.

Codex prompt
$20cuts-video Follow VO-SYNC.md to place my recordings on the scene timeline. Measure each take, align the visual cues, then render and review.

VO-sync uses measured audio and explicit cues. It does not generate speech or infer word timing.

Update your project

Run from your product’s root folder. Your edited scenes stay yours.

Update
npx -y https://20cuts.com/releases/v0.3.0/20cuts-create-0.3.0.tgz update video/20cuts
Check installation
npx -y https://20cuts.com/releases/v0.3.0/20cuts-create-0.3.0.tgz doctor video/20cuts
Connect an MCP server

Optional local access to components, guides, and VO-sync tools.

Install MCP
cd video/20cuts
npm install --save-dev https://20cuts.com/releases/v0.3.0/20cuts-mcp-0.3.0.tgz
node node_modules/@20cuts/mcp/cli.mjs init ../.. --agent codex

Add the printed TOML to ~/.codex/config.toml. Restart Codex.

For member templates, connect your gallery account.

Requirements and source

Node.js 22+. An existing product repo. Claude Code or Codex.

The installer adds video/20cuts, a Codex skill in .agents/skills, and a Claude Code skill in .claude/skills.