01
Real footage only
It drives your actual app in a real browser. Nothing is faked, mocked, or re-created.
Point supercut at your running web app. It reads the product, drives a real browser to perform the moments that sell it, and cuts a cinematic 60-second demo — real footage, edited automatically. No mockups. No timeline. No manual cuts.
Shot from a live app — zero manual editing ↓
supercut reads each app fresh — the copy, the colors, the money moments adapt per product. A light editorial dashboard or a dark analytics tool: the pipeline never changes.
It drives your actual app in a real browser. Nothing is faked, mocked, or re-created.
Reads your routes and source, then crawls the DOM — so it films the money moments, not the landing page.
The camera holds on the result an action produces — the graph, the dashboard, the detail panel.
Spring zoom-to-cursor, motion blur, a padded backdrop, a clean 1080p60 export — automatically.
The record + render path works fully offline. Only the AI director calls an LLM.
The recorder writes a documented JSON event log. Any recorder can feed the renderer.
Stop at any frame, hand-edit the artifact, and resume the reel.
Read the source + crawl the app, pick the money moments. (LLM)
Write the filming recipe — schema-checked, no hallucinated selectors. (LLM)
A deterministic browser performs it, captured frame-by-frame.
Deterministic + optional vision checks, with bounded re-takes.
Cinematic compositing → final.mp4, ≤60s at 1080p60.
# clone, build, and film your live app git clone https://github.com/Co-Messi/supercut cd supercut && npm install && npm run build node dist/cli/index.js generate --url http://localhost:3000 --yes
No API key? The non-AI path runs standalone: record --recipe … then render --take …. Needs chromium + ffmpeg — run doctor to check.