A gym routine in plain text → a TikTok-style vertical grid where every cell is a colored-pencil, friendly hand-drawn movement, with its strength · length · frequency in a crisp overlay. Pick male or female. A calm-but-energetic bed underneath. The reel on the left is real — rendered on the Livepeer network from the prompt "Push Day, female."
↑ rendered reel · 1080×1920 · 16s · open mp4
Prompt in: "Push Day — bench, incline DB press, weighted dip, cable fly, overhead press,
lateral raise, tricep pushdown, push-up, face pull." Out: 9 accurate, clean instructional exercise
illustrations (gpt-image, side-profile, gym-diagram clarity) tiled 3×3, with a crisp
hyperframes overlay — numbered badges, directional rep-arrows, and per-move
sets×reps + target muscle chips — over a rep-tempo pulse and a music bed. 15s, 9:16,
save-worthy. The figures show the movement accurately; the numbers + arrows live in the crisp HTML layer.
Side-profile, directive prompts → correct exercise form (the v1 colored-pencil pass read muddy at thumbnail).
Rep-direction arrows + reps + muscle, pixel-crisp — the instructional layer AI video can't render.
Now flip the controls — male/female and 6/9/12/18 are live:
9 movements, one 3–5s colored-pencil clip per cell. Each chip carries the load, the sets×reps, and the weekly frequency — the numbers live in the HTML overlay, never baked into a frame.
Friendly hand-drawn figures read as encouraging — a photoreal body reads as intimidating and uncanny. Every keyframe is gpt-image in a colored-pencil style.
Warm acoustic + a soft electronic pulse, ~100 BPM, no vocals, seamless loop — momentum without a hype-track.
AI can't render legible reps. The title + per-cell stat chips are one hyperframes-render overlay — always crisp, instantly editable.
The shortcut that makes this reliable: one hyperframes-render pass builds the
whole board — the CSS grid, the gentle per-cell animation, and the typography. The movements barely
move, so a CSS Ken-Burns drift sells it — no per-cell video model, no separate tiling step.
"colored pencil, friendly hand-drawn, a {male|female} athlete performing {movement}, no text". Same style preamble on every cell so the board stays consistent.audio_fill:"loop" so it covers every second.One clip per movement, or two 8–10s clips per movement (the eccentric and the concentric phase, side by side) for a denser board that shows the full rep.
| Cells | Layout | Clip plan | Per clip | Best for |
|---|---|---|---|---|
| 6 | 2×3 | 1 clip / movement | 3–5s | quick board, ≤6 lifts |
| 9 | 3×3 | 1 clip / movement | 3–5s | the default full routine |
| 12 | 3×4 | 2 clips / movement ×6 | 8–10s | eccentric + concentric, or two angles |
| 18 | 3×6 | 2 clips / movement ×9 | 8–10s | the dense "every phase" board |
# the user types this — the agent does the rest routine: "Push day — bench, incline DB press, weighted dip, cable fly, overhead press, lateral raise, tricep pushdown" athlete: female # male | female — threaded into every keyframe cells: 9 # 6 | 9, or 12 | 18 (two clips per movement) style: "friendly colored-pencil" # nudge: "warm pastel", "marker sketch"