ReelASMR and satisfying animation videos with Claude Code
Yes, Claude Code can make an ASMR or oddly satisfying animation. Claude writes each scene as HTML, SVG or WebGL: a sponge wiping a shoe clean, paint combed into feathers, a ball split into eight. HyperFrames renders it to an MP4 on your computer. No video model is involved, so the same code gives the same clip every time, and a loop you like can be rendered again at any length.
Here are four looks from the kits, each one a clip made with its kit:
Below are the rules of the look, the steps, a prompt to paste and the styles that fit. If this is your first film in code, read how to make animated videos with Claude Code first.
What makes the look
Give Claude these rules before it draws anything.
Show one action at a time, such as a slice, a press or a wipe, and let it finish before the next one starts.
Slow in, clean end. Tools glide in on an ease and stop exactly in place. A jitter or an overshoot at the end breaks the calm.
The loop ends where it starts. Every object returns to its first pose on the last frame, and any idle motion repeats on a period that divides the loop (a 12 s loop can use 2, 3, 4 or 6 s cycles). Then a player can repeat the clip and nobody sees the join.
A small, soft palette. Pastels or one strong colour on a quiet background. A busy frame makes the eye hunt, which works against the mood.
ASMR clips lean on sound. Plan a sound for each action (a scrape, a pop, a soft thud) and add them after the render, or ask for a music bed from your own library.
Steps with Claude Code
1. Plan the actions
Ask for a plan before any code:
Plan a 15-second satisfying loop in 16:9 with 3 actions on one soft pastel set: a cube slices into layers, a ball drops through a grid, a stack settles. For each action give its start, length and sound. The last frame must match the first. Show me the plan before you code.
2. Check the join with stills
npx hyperframes lint . npx hyperframes snapshot . --at 0,5,10,14.95 -o snapshots
Put the first and the last still side by side. They should look the same. If anything moved, fix that object before you render.
3. Render
npx hyperframes render . -o out.mp4 --quality looks --workers 2
Run --quality draft first if you only want to see the timing. Ball ring is made for 9:16. The other kits below are tested in 16:9, so for a vertical Short ask for 1080 x 1920 and check the stills more closely.
A prompt to paste
Make a 12-second oddly satisfying loop in 16:9 (1920 x 1080). One soft pastel studio, three slow actions one after another: a sponge wipes a muddy sneaker clean, flakes fall, sparkles land on the clean shoe. Ease every move in and out. The last frame must equal the first so the clip loops with no visible join. No text on screen. Plan first, then show me stills of the first and last frame before you build the rest.
Which styles fit
A style kit has the rules written down, along with templates and a checklist Claude grades its own stills against. Of my 126 styles, these suit ASMR and satisfying loops:
| Style | Why it fits |
|---|---|
| Paper marbling | Paint spreads on water and gets combed into patterns, then a sheet lifts it off |
| Ball ring | A wordless 9:16 loop: balls get crushed into eight new ones until the ring fills |
| Pen-plotter drawing | A pen draws fine line art one stroke at a time until the sheet is done |
| Marble race simulation | Marbles race down funnels and spinners with a live ranking |
| ASMR care cartoon | A cute close-up care routine: tools glide, dirt flakes off, sparkles land |
| Oddly satisfying 3D loops | Pastel shapes get sliced, pressed and slotted together, cut to loop |
For the whole list of moods and uses, see use cases.
What this method cannot do
It draws shapes, paint and light in code, not real hands or real soap foam. If your channel needs photoreal hands, film them or use a video model for that part.
Get the kits
You can try 7 styles for free first from reelstyles-free on GitHub. All styles come in one ReelStyles purchase.
Questions
How long can the loop be?
As long as you like. Shorts and Reels loops usually run 8 to 20 seconds. Since the clip is code, you can render one 15 s loop and then a 10 minute version of the same scene for a sleep or study video.
Does it need sound?
The video renders silent. Add the sound effects and music in your editor, or ask Claude to mix your own sound files into the MP4 with ffmpeg.
Is this a video model?
No. The film is HTML, SVG and WebGL that HyperFrames renders frame by frame.
Sources
HyperFrames on GitHub (Apache-2.0). Commands come from my animated videos guide.