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.
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 originalMore news
Pixel Canary is now available in stealth for free on AI Gateway
Vercel has released Pixel Canary, a new experimental AI model tuned for frontend coding and Next.js development that is currently free to test.
Source: Vercel / v0 News
Inside Chats: How Lovable's Agents Work Together
Lovable revealed the tech behind its multi-agent Chats feature, showing how it safely separates brainstorming from live app building.
Source: Lovable Blog
SF October 14th: A Birds of a Feather Session on Agentic Engineering
Simon Willison and Jesse Vincent are hosting an informal meetup in San Francisco focused on hands-on experiments with coding agents.
Source: Simon Willison
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.