Live-coded dubstep beat visualized as a sequencer
1.1K views · 7 likes · 1 saves · 0 reposts · Posted Sep 24, 2026 · 1:01 · Motion graphics
OUR NOTEA live-coding music video showing Strudel code driving a beat sequencer and punchcard-style visualizer, made with a community HyperFrames skill from a one-line music style prompt.
Creating videos with opus 5.5 and @HyperFrames_ is so fun
@jake11moran is cooking up a bunch of fun skills
Here's my take on /prod-by-claude
Prompt: 140 BPM rusko/skream style UK dubstep
What do you think?THE PROMPT
One-line music style prompt140 BPM rusko/skream style UK dubstepMAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 2 · Long piece? Give Claude a framework
- lottieLottie animations generated from prompts or SVGs★ 5.5k
- pixel2motionAnimating static logos into SVG motion★ 2.3k
- gbro-collage-brollPaper-collage B-roll clips from a voiceover line★ 1.3k
- 3 · Render it to MP4
For a longer piece like this one, render with a framework so the timing is exact on every take.
CLAUDE CODE + HYPERFRAMES / REMOTION →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
/prod-by-claude created a skill for opus 5.5 using strudel + @HyperFrames_ to create live-coding music videos claude composed this example's beat + video using the skill try here: https://github.com/heygen-com/hyperframes-community-skills/tree/master/skills/prod-by-claude // dj opus out
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.