How to make code-rendered music visuals with Claude
An agency operator reports using a Claude-based system called Tavi to write the code for a music video's visuals, with parallel agents and repeated human feedback.
reddit.com
Suggested prompt
Suggested prompt written by Agents In Use, not the source author. Replace bracketed inputs and review tool permissions first.
Create code-rendered visuals for [music track] using [three.js and Canvas]. Plan scenes, render a short sample and show alternatives before rendering the full video. Use [lyric timing data] and revise based on my notes. Keep music generation separate and document rendering commands and known visual defects.
Reach people exploring AI agents
See placements →Evidence at a glance
Sourced account- Source poster / publisher
- u/tjrobertson-seo
- Original account
- Read the source ↗
- Published
- Source link checked
- Reported result
- The author links a finished video and reports 122 shots over 4 minutes 48 seconds. Visuals came from generated code, with music from Suno. The process needed twelve rounds of human choices and detailed corrections.
- Human involvement
- The operator reports twelve rounds of choosing between versions and notes on nearly every cut. Corrections covered lyric timing, mobile text placement and flicker. The process was not a one-prompt video generation.
A linked account supports attribution. It does not mean we independently reproduced its result.
Report an issue with this case
Open correction emailOpens your email app with the case link included. Nothing is sent automatically.
How the agent did it
- Generate the music with Suno and have Claude write three.js and Canvas scenes for the visuals.
- Assign scene components to parallel agents while the main session assembles the edit.
- Render frames in headless Chrome and stitch them together with ffmpeg.
An agency operator, posting as u/tjrobertson-seo, describes making a music video with Tavi, a system built on Claude. The distinction is in the visuals: Claude wrote rendering code rather than sending prompts to an image or video generation model. The music itself came from Suno.
The author reports a finished video of 122 shots and 4 minutes 48 seconds. Three-dimensional scenes used three.js with a custom print-style renderer. Two-dimensional scenes used Canvas and a small animation kit. Headless Chrome rendered individual frames, and ffmpeg stitched them together. Parallel agents handled different scene components while the main session assembled and checked the edit.
Lyrics needed extra work. Automatic transcription timings could be up to a second off on sung words, so the workflow used an isolated vocal stem, forced alignment and pitch tracking. Human feedback was substantial: twelve rounds of version choices and notes on almost every cut. The author called out early lyrics, text placed too low for phones and doorway flicker caused by overlapping surfaces.
A returned comment adds that the project shifted towards mostly two-dimensional visuals, then re-rendered the three-dimensional models to match their print style. Who it's for: creators willing to direct an iterative coding-and-rendering workflow. The linked video is the reported artifact; this account does not establish that the same result follows from a single prompt.
Prompt
Suggested prompt (written by Agents In Use, not the author's)
Source: Reddit · u/tjrobertson-seo
Frequently asked questions
Were the visuals generated by a video model?
According to the author, no. Claude wrote code for three.js and Canvas scenes, with frames rendered through headless Chrome and combined using ffmpeg.
How much human direction did the process need?
The operator reports twelve rounds of choosing between versions and detailed notes on cuts, including lyric timing, phone readability and visual flicker.
More details
Remaining steps
- Align lyrics using the isolated vocal stem, then revise timing, composition and visual errors through human feedback.
About this account
The Claude-based system wrote visual rendering code, delegated scene components, assembled the edit and checked frames. Human feedback guided repeated revisions.
Firsthand account by u/tjrobertson-seo: https://www.reddit.com/r/ClaudeAI/comments/1x9iacw/claude_opus_55_made_a_full_music_video_for_our/. Public RSS post and returned comments captured on 20 October 2026; RSS coverage is partial. Body eligibility passed at 0.96. Results are author-reported, not independently reproduced. Suggested prompt by Agents In Use, not the author's original prompt.
Credit: u/tjrobertson-seo on Reddit
Source published
Added to Agents In Use
Source checked
Tools and topics
Claude · Suno · three.js · Canvas · headless Chrome · ffmpeg
music video · animation · human feedback
Editorial completeness: 100/100. Measures documented fields, not agent performance or verified outcomes.