All newsGuides

Kākāpō Party

See how combining Claude with Claude Code can turn a fun idea into a live interactive web animation and automate recording it to video.

Joe JurczykCurated by Joe Jurczyk · Originally reported by Simon Willison

Creating custom visual assets used to require dedicated design software or deep coding skills. In a recent project, Simon Willison demonstrated a practical AI workflow by feeding reference photos into Claude and asking for an animated pixel-art web page built on HTML5 canvas.

Rather than manually recording the screen to get a presentation asset, he used Claude Code locally to automate the next step. Through a simple text prompt, the tool generated and executed a Playwright script that opened a headless browser, simulated mouse clicks across the canvas to trigger confetti effects, and recorded a clean video file.

For beginners, this workflow highlights the power of chaining AI tools together. You can use an AI model to generate rich interactive components, and then use coding agents to handle repetitive tasks like browser automation, asset export, and testing without writing the underlying scripts yourself.

Originally reported by Simon Willison

Read the original
Share this: Facebook X LinkedIn

More news

Newsletter

Weekly vibe-coding tips — coming soon

We're getting this ready. Leave your email and we'll let you know the moment it launches. No fluff, unsubscribe whenever.