Skip to content

oprogramadorreal/audara-studio

v0.2.0MIT

Make videos from code: a deterministic WebGL/GLSL, three.js and Canvas2D engine with a live browser preview you direct by time and an offline render to MP4, plus a soundtrack skill that turns a song or a script into audio and timing data.

GitHubOpen Website

audara-studio

Make videos from code by directing an agent. Say what you want in a sentence or in pages, and bring a song, a script or nothing at all: what you decide is followed exactly, and what you leave open the agent decides, aiming for something worth watching. It builds the video in a live browser preview, takes your notes by time ("at 0:23 the title should land on the snare") and renders the MP4.

audara-studio is a plugin for Claude Code and Codex with two skills:

  • code-video: music videos, lyric videos, motion graphics, explainers, title cards and loops, drawn with WebGL/GLSL, three.js and Canvas2D. Every frame is a function of time, so the preview matches the render and any moment has a link.
  • soundtrack: turns a song or a script into audio and the timing the picture syncs to: beats, sections, word timings, narration and music (with ElevenLabs, asking before spending credits), effects and the mix.

Install

You need bun, Google Chrome and ffmpeg; uv for the soundtrack and the quality report.

  • Claude Code: /plugin marketplace add oprogramadorreal/audara-studio, then /plugin install audara-studio@audara-studio.
  • Codex: codex plugin marketplace add oprogramadorreal/audara-studio, then codex plugin add audara-studio@audara-studio.
  • Either, skills only: npx skills add oprogramadorreal/audara-studio.

Your first video

Open an empty folder and ask:

make a 20-second video showing why the sky is blue, with music and sound effects

The agent shows a short plan, gives you a preview link and builds while you watch; redirect it whenever you like. It ends with the video in the preview and a critic's review, and offers to render. Give notes by time, and say "render it" when you want the MP4, which comes with a contact sheet, a poster frame and a quality report (or ask for the MP4 in your first message to get it in one go). The project's own README has the two commands to watch and render it yourself.

Bring a song and it cuts the picture to it:

make a lyric video for the chorus of song.mp3, the lyrics are in lyrics.txt

Other ways in:

  • Your script: "make the video for script.txt, keep every word". The words stay as written; the agent makes the voice, music and picture, and says so when something in the script won't work.
  • Your direction: a paragraph of it, or notes over days ("slower intro", "less blue in the chorus", "no 3D camera moves"). A note changes only what it names, and your decisions are kept in the project, so they hold in later sessions.

To force the skill (for example when other video skills are installed), use /audara-studio:code-video in Claude Code or $audara-studio:code-video in Codex.

An ElevenLabs key in ELEVENLABS_API_KEY adds generated voice and music; an OpenAI key in OPENAI_API_KEY adds generated images (Codex can also use its own). The agent says what it will make and what it costs and waits for your yes, or spends within a budget you give it. Without keys everything else works: music and effects synthesized in code, a local stand-in voice, pictures drawn in code.

More