Claude Code uses Playwright to record a presentation clip
Willison needed a video of an interactive canvas animation for a keynote slide. A local Claude Code session used Playwright to open the page, time clicks and produce a recording.
simonwillison.netWhat happened
Willison says the generated recording met his presentation need and publishes the script and video.
Reported by Simon WillisonHow the agent did it
- Supply the local animation and specify a recording with delayed interaction.
- Have Claude Code write a Playwright script to load the page and distribute timed clicks.
- Record the browser output and inspect the clip for use in the presentation.
Where a person stepped in
Willison supplied the animation, chose the timing and judged whether the resulting clip fit his slide.
A person approved each step before the agent continued.
More details
About this account
Claude translated the requested interaction timing into a browser automation script and produced the video artifact.
Firsthand account with a linked transcript and recording script. This is browser operation for a real presentation task.
Credit: Simon Willison
Added 14 Oct 2026
Source published 26 Sept 2026
Source checked 14 Oct 2026
Tools and topics
Claude Code · Playwright · Chromium · Python
Browser · Media
Editorial completeness: 100/100. Measures documented fields, not agent performance or verified outcomes.
Prompt to try
Editorial adaptation, not the source author’s exact prompt. Replace bracketed inputs and review tool permissions first.
Record [local interactive page] for a presentation. Use browser automation with a fixed viewport and a timed interaction sequence. Keep the first few seconds still, then demonstrate [interaction]. Save the clip locally and report duration and actions. Do not publish it.