Skip to content
ScreenCI

Overview

ScreenCI treats product videos as code. You describe a flow once as a Playwright-based script. ScreenCI drives your app, adds narration and camera motion, and produces a polished video. When the UI changes, you rerun the script and the video regenerates.

How it works

Record and refine with the CLI and the web editor, then export and deliver the final video where your team needs it.

01

Capture

The ScreenCI CLI runs on your machine or in CI, capturing the product flow and uploading the raw recording plus timing data.

02

Render

ScreenCI renders that raw recording in the cloud, syncing narration, zooms, and animations to the timing data.

Only the raw recording and timing data leave your machine, never your source code, browser session, or credentials.

03

Deliver

Download the finished video and subtitles yourself, or publish them to a CDN-backed static URL that always serves the latest approved version.

  • Record and refine. screenci preview captures the flow on your machine, uploads the live preview, and opens the video in the Editor: a live preview and a timeline. While preview --watch stays running, every change you make in the browser (narration, overlays, cuts, timings, render options) is written back into your script, so code stays the source of truth.
  • Export. When the preview looks right, run screenci export (or use the Export button) to render the finished videos and download them, then serve them from a stable public URL. export re-records only the videos whose sources changed, so it is also the command CI runs.

The CLI runs everything that touches your app locally, so the only thing that leaves your machine is the raw recording plus timing data, not your source code. The CLI itself is open source.

Two ways to set up

Pick the path that fits how you work.

  • Agent integration (recommended). Point a coding agent (Claude Code, Codex, Cursor, or similar) at the integration brief. It scaffolds ScreenCI, authors a video for the flow you describe, and records it, with you mostly reviewing the result.
  • Manual setup & first video. Scaffold ScreenCI yourself, write the .screenci.ts script by hand, run it locally, and export the final video.

Either way, once a video exists you can dig into the rest of the docs to refine it: Editor, Video Script Basics, Camera and Zooming, Narration, and Public URLs and Embeds.

Community

Need support, hit a bug, or want to share what you recorded? Join the ScreenCI community on Discord to get help, report issues, and talk to other users.