Opus 5.5 code-drawn ant-colony animation, released as a reusable skill
@hanifproduktifX5,553 views as of 10 October 2026
Why it is here
Curated in github.com/athemeroy/awesome-claude-5-5-videos (‘Code-drawn 2D’); the creator published the process as a Claude skill on GitHub.
Description
Description written by Gemini from the videoGemini 3.8 Flash, 10 October 2026
Summary
This video showcases a vector-animated short film depicting an ant colony, entirely generated via code and audio synthesis created with Claude Opus 5.5. Shared by creator Hanif (@hanifproduktif), the project demonstrates programmatic 2D canvas animation and sound generation, packaged as an open-source animation skill.
What is shown
- [00:00–00:02]: Opening card displaying the text “This is code.” alongside a JavaScript canvas function call snippet (
ant(ctx, x, ground, 1.3, { jaw: .6 }) rendering an ant illustration. - [00:02–00:06]: Step-by-step graphic progression breakdown:
sketch -> ink -> colour -> polish, showing procedural generation of the ant asset. - [00:07–00:15]: Outdoor animation sequence where an ant chews and cuts a leaf, followed by a procession of leafcutter worker ants marching past flowers toward the entrance of an anthill.
- [00:15–00:26]: Underground cross-section animation tracking an ant carrying leaf fragments through subterranean tunnels into specialized chambers containing eggs, larvae, fungus gardens, and a large egg-laying queen ant.
- [00:27–00:31]: Closing screen featuring the tagline “Every frame is code.”, technical specs, and a URL being typed out:
github.com/buildwithhanif/claude-animation-skill.
Claims & numbers
- The final card claims the entire sequence was “rendered in 27 seconds” [00:28].
- The card states “every sound synthesised” [00:28].
- The project is stated to be “open source” at
github.com/buildwithhanif/claude-animation-skill[00:28–00:30].
Notable quotes
- “This is code.” (on-screen text, [00:01])
- “sketch -> ink -> colour -> polish” (on-screen text, [00:02–00:05])
- “Every frame is code.” (on-screen text, [00:27])
Assessment
This is a demonstration of programmatic generative animation created by prompting Claude Opus 5.5 to write pure rendering and audio synthesis code. The visuals and sounds are procedurally scripted rather than being standard diffusion video, and the creator provides the open-source repository link for replication.
Lyrics & themes
- The video is entirely instrumental, accompanied by synthesized sound effects (chewing, scuttling steps, ambient tunnel sounds, and mechanical keyboard clicks).
- Themes center on natural complexity, worker cooperation, and the aesthetic parallel between biological ant colonies and procedural algorithmic code.
Lore & references
- Ant colony metaphor: Parallels the concept of worker agents and multi-agent coordination with the industrious social structure of leafcutter ants.
- Code as art (“Every frame is code”): Emphasizes programmatic canvas drawing (HTML5 Canvas/JavaScript) over video generation models, popular among developers pushing LLMs to output standalone code artifacts.
Visual style & craft
- Aesthetic: Clean 2D flat vector/canvas illustration style with soft shading, procedural motion paths, layered parallax ground scrolling, and cross-section architectural cutaways.
- Craft: Visuals are rendered via 2D canvas drawing routines (circles, bezier curves, fill gradients) scripted by Claude Opus 5.5, accompanied by synthetically generated Web Audio API / DSP sound design.
Described by gemini-3.8-flash on 2026-10-10 from the video’s audio and frames.
Made by AI
- Made with
- Claude Opus 5.5
- How we know
- X post (2026-09-23): ‘Claude Opus 5.5 animated this. With code. Not a video model. I turned the process into a skill.’
- Human role
- Creator prompted Opus 5.5 and packaged the workflow as a skill.
- Pipeline
- Opus 5.5 → code-drawn 2D animation
- Series
- Code-rendered film (LLM writes the program that draws every frame)