Agents In Use
What’s new todayLast update
18 additions

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.

Added simonwillison.netAgent: Claudevia Claude Code
TRY A BOUNDED VERSION

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.

What happened

Willison says the generated recording met his presentation need and publishes the script and video.

Reported by Simon Willison

How the agent did it

  1. Supply the local animation and specify a recording with delayed interaction.
  2. Have Claude Code write a Playwright script to load the page and distribute timed clicks.
  3. 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

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.

Related use cases