A skeleton placeholder for a loading card, drawn straight on the dark background (no card behind it): a 138px rounded square on the left (image), and on the right three rounded text lines (100%, 80%, 55% wide; 19px, 15px, 15px tall) plus a small pill (30% wide, 26px tall). All shapes share one color that pulses smoothly between dark #21202D and lighter #464462 on a 1.6s loop (no sweeping light, the whole card brightens and dims together).
2 Progress Bar
A gradient segment glides along a thin track, growing mid-way, 1.5s.
Full prompt · 378 characters
An indeterminate progress bar: a thin dark track (8px tall, fully rounded). A rounded violet → cyan segment with a soft cyan glow glides from beyond …
Searching → Reading → Writing: 1s each, spinner on the active step.
Full prompt · 421 characters
A left-aligned AI progress list (the text never shifts sideways) with three rows: "Searching", "Reading", "Writing". Each step is active for 1s, then …
One-time payment. Price goes up as new patterns are added. Buy once, get every update. Team license (up to 5 people, client work): $49. Lower price in many countries, applied automatically at checkout.
All 438 full prompts (73 sets), each one self-contained: copy one, paste it into Cursor, Claude Code, v0, Lovable or Bolt
Runnable demo files for every set (plain HTML + JavaScript, no build step), tap-to-play or loop
Exact timings, easing, colors and sizes — no guessing