Opus Js Animations

opus-js-animations

Claude Opus 5.5 directs and renders films in JavaScript: from a spoken idea to a frame-exact MP4.

A skill and plugin for Claude Code that works like a film director:
1. It asks where your sound comes from.
2. It listens to it.
3. It asks you the questions a director asks.
4. It pitches a scene-by-scene treatment.
5. Only after your go, it writes the whole film as JavaScript and renders it frame by frame with your audio,
   for Reels, TikTok, Shorts, X or YouTube.

   

Opening seconds of Shaml (a paper-lightbox scene) and The Script of Me (an "ingredients" reel for a journal page). Every frame is Canvas 2D, written by Opus 5.5.

Why Opus 5.5

Claude Opus 5.5 is a big step up at generating JavaScript animation. It can hold a whole film in its head and write it as one coherent program:
- a medallion of 336 cut-paper pieces, each with its own closed-form motion;
- parallax sheets of a city;
- puppets on skeletons;
- a wet-floor reflection;
- bilingual typography.

Then it reads its own frames and fixes what it sees. Earlier models could make a bouncing logo; Opus 5.5 can make the film.

What it needed was a director's process, so the film is the one you meant, and a render pipeline that never drops a frame,
so what you approve is exactly what you post. That is this skill.

How it works: five conversations before a single frame

Sound routes (step 2):
- your own file;
- a YouTube or other link, downloaded with yt-dlp;
- music and effects generated in JavaScript (Web Audio);
- a voiceover from your ElevenLabs or OpenAI key.

Listening (step 3): it measures length, loudness, pauses, sections and tempo, and reads a spectrogram. It transcribes and aligns any
voice with Whisper, and checks lyrics or quotations against the canonical text.

Treatment…