kuhnhomeuk-cell/procedural-film

Agent skill: turn a topic into a 30s vertical film drawn and scored entirely in JavaScript. Reference film: the life of a monarch butterfly.

What it solves

It enables AI agents to transform a simple topic into a short, asset-less film or a small playable game. It eliminates the need for external media assets by generating all visuals via vanilla JavaScript on a canvas and all audio through Web Audio synthesis.

How it works

The project functions as an agent skill with a defined pipeline. When given a topic, the agent coordinates multiple sub-agents to write detailed scene files (often 1,000+ lines per shot) and performs a review process. The engine then renders these instructions into one of several styles: hand-inked paper/photo-doodles, retro pixel-art at 60 fps, or a playable NES-style platformer based on a starter game called ROBOT RUN. The final output is a self-contained HTML player and MP4 exports.

Who it’s for

Developers using AI agents (such as Claude Code) that support skill integration and parallel sub-agent dispatching, and creators looking to generate programmatic, retro-style animations or games.

Highlights

  • Zero-asset delivery: All pixels and sounds are synthesized in real-time using JavaScript and Web Audio.
  • Multiple output formats: Produces both interactive HTML players and standard MP4 video files.
  • Versatile styles: Supports vertical doodle films, high-frame-rate pixel art, and playable platformers.
  • Automated deployment: Games can be deployed directly to Vercel accounts.

Related

  • Project
  • Project
  • Project
  • Project
  • Project