proomt

Search

Search posts, papers, and topics

All posts

Simon Willison2 min readtutorialintermediate

Kākāpō Party

Read on simonwillison.net

Summary

The post shows how Claude Opus 5.5 can turn a few kakapo photos into a pixel‑art canvas animation, and how Claude Code can generate a Playwright script to click the animation and record a 15‑second video for a keynote slide. The provided Playwright script is concise and demonstrates timed mouse clicks to trigger confetti effects before capturing the video.

  • A simple Claude Opus 5.5 prompt can generate a functional pixel‑art HTML5 canvas animation from reference photos.
  • Claude Code can output a short Playwright script that automates mouse clicks and records the browser viewport.
  • Timed clicks are used to trigger confetti effects at specific moments before capturing a 15‑second video.
  • The resulting MP4 can be embedded directly into a Keynote presentation for a polished closing slide.

Developers building presentations or quick demos can leverage LLM‑generated code and Playwright to automate browser UI capture.

6/10
llmautomationjavascriptplaywrighthtml5

Related reading

  1. Claude Opus 5.5 now available on AI Gateway

    Claude Opus 5.5 is now on Vercel AI Gateway, delivering ~30% speed and ~40% cost gains over Opus 5, a 1 M‑token context, and breaking API changes that require adaptive thinking and structured outputs. It can be accessed via Vercel’s SDKs, OpenAI‑compatible endpoint, and coding agents, with optional fast mode and regional/ZDR controls.

    Vercelvercel.com2 minrelease

  3. Claude Opus 5.5

    Claude Opus 5.5 is Anthropic’s latest LLM, positioned to match Claude Fable 5.1 on most tasks while cutting compute cost by ~40% and latency by >30%. It ships with the same safety guardrails as the top‑tier models, scores best on Anthropic’s internal alignment audit, and shows measurable gains on coding‑heavy benchmarks (e.g., 66.4% on Agentic‑coding Terminal‑Bench vs 52.3% for Opus 5). Pricing d…

    Hacker News front pageanthropic.com15 minreleaseHN17921117

  4. One style guide for everything Claude Code writes

    A detailed walkthrough of forking the nbj‑write‑clearly Claude Code skill to enforce the Google Developer Documentation style guide across all developer‑facing prose (docs, comments, commit messages, review feedback). The fork expands the trigger set, vendors the 70‑page guide offline via a Bun sync script, and adds a layered approach (global CLAUDE.md rules, on‑demand skill, per‑agent preloaded…

    Bjørn Johansenbjornjohansen.com5 min

  6. Building a Reliable Script-to-Video Pipeline for Modern Web Applications

    A practical guide to building a reliable, observable script‑to‑video pipeline. It advocates a staged architecture (scene manifest → asset generation → voice → rendering → encoding), validates AI‑generated JSON with Zod, persists project and scene state, uses explicit workflow states, runs heavy work in background queues, limits concurrency, and stores voice, captions, and assets separately to ena…

    SitePointsitepoint.com11 min