Original prompt — Tested Claude Motion dashboard prompt — live KPI tiles
by MotionPrompts (own run)
Prompt
Banned list ✓Beat grid ✓Build method ✓Self-review ✓
<direction>
A 9-second dashboard film. Header: the board's name, a pulsing LIVE VIEW dot, and a SAMPLE DATA chip. Four KPI tiles rise in — revenue, active users, churn, NPS — each value counting up with its delta line. Below, a wide chart tile draws its series: signups, last 12 weeks. Near-black background, white type, one orange accent.
Banned: glows, gradients, fake real-time flicker, more tiles than the frame can hold, numbers without labels.
</direction>
<structure>
Beat 1 (0.2–1.0s): header fades in; the live dot starts its pulse cycle. Beat 2 (0.5–3.0s): tiles rise, staggered; each value counts up over ~1.7s with its own formatter. Beat 3 (3.1–6.5s): the chart tile rises and its line draws left to right; the end dot pops. Beat 4: footer line. Hold.
</structure>
<build>
One HyperFrames composition, 1280x720 landscape, seek-driven GSAP timeline. Count-ups tween a plain object and write formatted text on update — format inside the tween, never after. The pulse is a series of timed yoyo tweens on the master timeline, so seeking keeps it honest. Header elements must be measured against the title's real width before placing the live dot.
</build>
<gotchas>
First snapshot: the LIVE VIEW label sat on top of the title's last letter — the title was wider than its estimate. Measure text, then place neighbours. A 60px nudge fixed it; the check is now part of the routine.
</gotchas>
Before you finish: step through the timeline at five points and fix anything that overlaps, clips the frame, or drifts off the beat grid.
A dashboard that presents itself: four KPI tiles count up, then the trend line draws beneath them. Sample data, labelled in the corner — this is the film you send instead of a screenshot.
Run log
| Model | Claude (agent build) |
| Renderer / stack | HyperFrames + GSAP |
| Iterations to final | 2 |
| Render time | 21s (final render) |
| Format | 1280×720 · landscape |
| Published | 2026-10-25 |
What broke (and the fix)
- First snapshot: the LIVE VIEW label printed over the title's last letter — the title at 33px is wider than the layout estimated. Measured the title's real end and moved the dot and label ~110px right; the re-snapshot is clean.
Related videos