# Prod by Claude — workflow skill for music videos

> **For AI agents:** find the right skill in one call — `curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"` returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the use-case page.

A square video of a Strudel live-coding track where every code token lights up on the note it plays.

- **Type:** [Workflow](https://skills.varg.ai/workflows.md) · [Music videos](https://skills.varg.ai/browse/skills/music.md)
- **Slug:** `hyperframes-prod-by-claude`
- **Status:** live
- **Publisher:** HeyGen (vendor, verified)
- **License:** Apache-2.0
- **Source:** https://github.com/heygen-com/hyperframes-community-skills/tree/master/skills/prod-by-claude
- **Works in:** Claude Code, Codex, Cursor, Gemini CLI
- **Requires:** Node.js 22+ and npm, Chrome for Testing 149 (about 150 MB) or your own Chrome via CHROME, FFmpeg
- **Cost:** Free — renders locally; HyperFrames cloud render is optional and spends your HeyGen credits
- **Runtime:** 5–7 min to record 32 bars, plus render
- **Adoption:** 166 installs, 231 GitHub stars (skills.sh, 2026-10-26)

## What it does

Turns a Strudel track into a 1080×1080 HyperFrames video where the code is the picture: tokens light up on their notes, parts power on at their first note, the editor blends through real Strudel themes, drops break into graffiti ASCII and the video ends on a typed sign-off. `record.mjs` renders the mix, solo stems and every note event offline from a pinned `@strudel/web` build in muted headless Chrome, and `build-data.mjs` feeds them to the composition so each highlight lands on its note. It can also compose the track (a synth-only example is included); a community-tier skill written by HeyGen's Jake Moran.

## Use when

- A video of a Strudel live-coding track
- Show the code lighting up as it plays
- Compose a track and make its video

## Not for

- Other audio or DAW projects
- Visualizers for an audio file with no Strudel code (use HyperFrames' music workflow)
- Talking-head videos

## Install

- Claude Code: `npx skills add heygen-com/hyperframes-community-skills --skill prod-by-claude -a claude-code`
- Codex: `npx skills add heygen-com/hyperframes-community-skills --skill prod-by-claude -a codex`
- Cursor: `npx skills add heygen-com/hyperframes-community-skills --skill prod-by-claude -a cursor`
- Gemini CLI: `npx skills add heygen-com/hyperframes-community-skills --skill prod-by-claude -a gemini-cli`

## Example output

https://skills.varg.ai/previews/hyperframes-prod-by-claude.mp4 — Skill launch example: Claude's Strudel track as a square video; code tokens light up on their notes through theme switches into an ASCII graffiti 'DROP' (credit: Jake Moran (@jake11moran), skill author at HeyGen, https://x.com/jake11moran/status/2103195719859589540)

## More music videos skills

- [Music Video Director](https://skills.varg.ai/skills/varg-music-video.md): Direct an AI music video the way top X creators do: song map, beat-grid storyboard, stills first, Seedance, lip-sync.
- [Motion Graphics Music Video](https://skills.varg.ai/skills/motion-graphics-music-video.md): Animated character music videos from your song and a prompt: storyboard, fal generation, p5 motion graphics, VFX.

## Run the generation on varg

varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.

- Claude Code: `claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg` (skill + hosted MCP)
- Codex, Cursor, Gemini CLI, OpenClaw: `npx skills add vargHQ/skills --skill varg-ai -a <agent> -y`
- Claude.ai, ChatGPT, any MCP client: connect `https://mcp.varg.ai/mcp`
- API key: https://varg.ai/dashboard/api · Model specs: https://varg.ai/models/llms.txt