ReelHow to make brain-teaser puzzle reels with Claude Code
To make a brain-teaser puzzle reel with Claude Code, have it draw each level as a small canvas scene on ruled notebook paper and run every level on the same beat: a finger taps the obvious answer, a big red X and a short shout appear, then it taps the clever answer, a green check pops and the score goes up by one. Cut hard to the next level every four seconds. HyperFrames then renders the HTML to an MP4. No video model is involved, so you pay nothing per render.
You've seen the format in puzzle app ads: a cream page, a real-looking fingertip, a grid of Reels thumbnails beside it. It holds attention because every few seconds the viewer gets a question, a wrong guess and an answer.
The beat that makes it work
Each level is 4.2 seconds:
- 0 s: the level is already on screen and the finger is already moving. There's no intro.
- 0.7 s: the wrong tap. The prop wobbles, a red X lands on it and a short line in handwriting appears ("Not with your finger!").
- 2.5 s: the right tap. The picture changes: the fan stops, the water rises, the scale levels out.
- 2.8 s: a green check and +1 on the score chip.
- 4.2 s: a hard cut to the next level. Use no wipes.
On each tap the camera pushes in a little on the tapped thing and then pulls back, so the picture changes at least every two seconds while the page itself stays calm.
What to draw
- Paper: cream
#F7F1E1, blue rules, a red margin, punched holes, light grain. - Props: flat shapes with one thick black outline weight and bright fills. Don't use gradients.
- Finger: draw it in code with skin shading, a nail and a soft shadow that gets darker when it presses. A mouse pointer kills the look.
- Levels: write your own. The wrong answer should be the obvious one and the right answer the lateral one. Never copy a real app's levels, screens or characters.
The fast way
The IQ quiz reels kit has all of this ready: the paper stage, our own level header, the finger with its tap timing, the X and the check, the Reels grid and an end card. It comes with five sample levels and templates for 9:16 and 16:9. Tell Claude Code "make a 25-second reel with five new levels about kitchen fails" and it writes the levels, renders the video and runs the checks.
It's in Full.