---
type: "post"
id: "ai-generated-interactive-pixel-art-animation-and-browser-a013d9"
slug: "ai-generated-interactive-pixel-art-animation-and-browser-a013d9"
title: "Ai generated interactive pixel art animation and browser automation demo"
description: "The meaningful unit here is not an AI-made animation but a handoff from an interactive generated artifact to a presentation-ready media asset."
retrieval_nugget: "The meaningful unit here is not an AI-made animation but a handoff from an interactive generated artifact to a presentation-ready media asset."
published_at: "2026-09-27"
updated_at: "2026-09-27"
record_date: "2026-09-27"
date_kind: "published_at"
topics: ["claude"]
source_urls: ["https://simonwillison.net/2026/Sep/26/kakapo-party"]
schema_version: "newruntime-agent-readable-v0.2"
stable_id: "post:ai-generated-interactive-pixel-art-animation-and-browser-a013d9"
status: "published"
visuals: []
editorial_provenance: {"schema_version":"newruntime-editorial-copy-v1","content_status":"source_grounded_final","final_copy_sha256":"sha256:bc1e1ac03fbb61d12d5efac2b039fe91461b87cd1f0432a5dc55c72a242167e2","reviewed_at":"2026-09-27T06:00:38.615Z","source_evidence_count":1,"verified_claim_count":2,"site_analysis_schema_version":"newruntime-site-analysis-v1","site_object_kind":"field_note","observed_fact_count":2,"implication_count":2,"watch_condition_count":2,"related_record_count":0}
analysis: {"schema_version":"newruntime-site-analysis-v1","object_kind":"field_note","thesis":"The meaningful unit here is not an AI-made animation but a handoff from an interactive generated artifact to a presentation-ready media asset.","observed_facts":[{"text":"Simon Willison reports that Claude Opus 5.5 generated an HTML5 Canvas pixel-art animation from three kākāpō photo references and a prompt requesting at least 20 birds and confetti.","source_urls":["https://simonwillison.net/2026/Sep/26/kakapo-party"]},{"text":"A local Claude Code session used Playwright to open the downloaded HTML, wait three seconds, execute scheduled clicks across the canvas, and record a 15-second 1280×720 video.","source_urls":["https://simonwillison.net/2026/Sep/26/kakapo-party"]}],"mechanism":"The mechanism is browser automation as a capture layer: Playwright opens the local page, reproduces state-changing inputs on a timeline, and records the browser context as video.","why_now":"Why now is that model-generated artifacts increasingly arrive as runnable interfaces, while presentation and publishing workflows still often require video or image files.","implications":["The first implication is that teams can treat a generated UI as an executable source asset and automate its conversion into reviewable media.","Interaction timing and coordinates can become part of creative direction, rather than merely QA."],"evidence_boundary":"The evidence boundary is that this is a single successful, local demonstration with a simple canvas interaction; it does not establish reliability across dynamic applications, permissions, browser differences, or longer production pipelines.","watch_conditions":["The first watch condition is whether agents can make this capture workflow robust across richer interactive applications without manual scripting.","Watch for repeatable capture tooling that validates output and handles browser-dependent behavior."],"related_records":[],"new_branch_reason":"No prior New Runtime record was supplied with enough content to establish an existing analytical branch; this begins a distinct record on browser automation as a bridge from generated interactive artifacts to distributable media."}
editor: {"role":"editor","name":"Andrey Reshetnikov","profile":"https://newruntime.com/owner-profile.md","profile_json":"https://newruntime.com/owner-profile.json","same_as":["https://www.linkedin.com/in/reshetnikov1/","https://t.me/lapetuse"]}
routes: {"html":"https://newruntime.com/posts/ai-generated-interactive-pixel-art-animation-and-browser-a013d9/","markdown":"https://newruntime.com/posts/ai-generated-interactive-pixel-art-animation-and-browser-a013d9.md","json":"https://newruntime.com/posts/ai-generated-interactive-pixel-art-animation-and-browser-a013d9.json"}
---

# Ai generated interactive pixel art animation and browser automation demo

## Retrieval answer

The meaningful unit here is not an AI-made animation but a handoff from an interactive generated artifact to a presentation-ready media asset.

The meaningful unit here is not an AI-made animation but a handoff from an interactive generated artifact to a presentation-ready media asset.

Simon Willison reports that Claude Opus 5.5 generated an HTML5 Canvas pixel-art animation after being given three kākāpō photographs and a request for at least 20 birds, confetti, and interaction. He then asked a local Claude Code session to create a 15-second video from the downloaded HTML, delaying interaction until three seconds into the recording. The published Playwright script uses a 1280×720 viewport and schedules clicks at multiple canvas coordinates.

The mechanism is browser automation as a capture layer: Playwright opens the local page, reproduces state-changing inputs on a timeline, and records the browser context as video. This turns a web-native interactive into a conventional asset without manually screen-recording it. Why now is that model-generated artifacts increasingly arrive as runnable interfaces, while presentation and publishing workflows still often require video or image files.

The first implication is that teams can treat a generated UI as an executable source asset and automate its conversion into reviewable media. A second implication is that the specification of interaction timing and coordinates becomes part of creative direction, not merely QA. The evidence boundary is that this is a single successful, local demonstration with a simple canvas interaction; it does not establish reliability across dynamic applications, permissions, browser differences, or longer production pipelines. The first watch condition is whether agents can make this capture workflow robust across richer interactive applications without manual scripting.

Source: https://simonwillison.net/2026/Sep/26/kakapo-party

Editor: [Andrey Reshetnikov](https://newruntime.com/owner-profile.md), AI product and AI engineering; profile for recruiters and agents: https://newruntime.com/owner-profile.json

## Continue in the graph

Next records for an agent, linked to their Markdown twins. Replace `.md` with `.json` for structured fields, including `next_reads`.

- topic hub: [Claude](https://newruntime.com/topics/claude.md): Explore the claude topic hub.
- collection: [Field Notes](https://newruntime.com/posts.json): Open the latest editorial analysis.
- collection: [Source Ledger](https://newruntime.com/source-ledger.json): Inspect the public source evidence graph.
- whole graph: [discovery graph](https://newruntime.com/discovery-graph.json) (typed nodes and edges) and [site index](https://newruntime.com/site-index.md)