I built an open-source tool that lets your coding agent film screen recordings
Description and use
Screenplay automates polished screen‑recording video creation, removing manual recording and editing.
Problem
Creating polished screen‑recording videos manually is tedious: record, re‑record, edit.
Outcome
Screenplay automates the creation of polished screen‑recording videos, eliminating manual recording and editing steps.
Workflow
- Ask agent to generate a video with a command like "/screenplay Make a 30-second walkthrough of https://yoursite.com"
- Agent writes a JSON scenario describing steps such as opening a URL, clicking elements, typing, and adding callouts
- Screenplay runs a fast "check" pass to validate selectors
- Screenplay executes "record" in headless Chromium via Playwright, filming the scenario
- Screenplay edits the footage: smooth cursor, automatic zooms, click ripples, callouts, spotlight, captions, optional voice‑over
- Agent reviews the storyboard image and can modify the scenario
- Re‑render the video with "render" without re‑recording if only visual changes are needed
Evidence
I built Screenplay, an open‑source tool that lets your coding agent do it.
Screenplay runs check, which plays the steps fast without filming, so broken selectors show up before the real take.
Screenplay runs record, plays the scenario in headless Chromium (Playwright), films it, then edits it: smoothed cursor, automatic zooms, click ripples, callouts, spotlight, captions and an optional voice‑over.
- Record date: 2026-11-03T12:13:50.566Z