September 24, 2026
Claude Opus 5.5 creates videos with code: 40 seconds of JavaScript animation
On September 24, Claude Opus 5.5 drew every frame of a 40-second animation about browsers in JavaScript. The model launched on September 22: in the API it is called `claude-opus-5-5`, supports 1 million tokens of context, produces up to 128 thousand tokens, and costs $4 per million input tokens and $20 per million output tokens.
Addy Osmani
@addyosmani
Claude Opus 5.5 drew every frame of this animation in JavaScript. Here is “How Browsers Work” in 40 seconds.
· 1.2K views
The video is built in JavaScript rather than in a separate video service. For vibe coding, this is a task for an AI agent in Claude Code.
Ready-made workflow. ClaudeAnimationBase creates hand-drawn animation with p5.js and p5.brush. In Claude Code, it receives the prompt “Read ANIMATION_GUIDE.md, then make a 15-second video…”. The agent first assembles a storyboard and frame sheets, then writes an MP4 to `out/video.mp4`.
All test videos in the set were made by Claude Opus 5.5 in Claude Code with `xhigh` reasoning. The 11-second demo requires Node.js, Google Chrome, and ffmpeg. After `npm install`, the command `node render.mjs --clip --out=out/video.mp4` creates the file.
Cheaper than Opus 5. Before the release, Opus 5 cost $5 per million input tokens and $25 per million output tokens. Opus 5.5 costs $4 and $20, while prompt cache reads cost $0,20 per million tokens. Anthropic claims up to 40% lower costs for typical tasks.
The ready-made starter kit appeared on September 23, a day before the 40-second example.
