Poker
The pinned statement section from the course page (see it live): a feed of cards scrolls past, then crumbles - each card tipping, blurring and falling away - leaving one line of truth on screen. The strongest “stop scrolling” moment we ship, in pure CSS scroll timelines. Named for the Poker build in its preview - the mechanic underneath is the crumbling feed.
What is included: the 300vh pinned wrap, the feed scroll and per-card crumble choreography with staggered rotation variables, the truth-line reveal, and the static fallback that still reads as a designed moment in browsers without scroll-timeline support.
Customize it: feed it 6-10 cards (your industry’s noise) and one truth line (your point). The prompt explains how to tune the crumble window so the payoff lands mid-viewport.
Unlock this prompt with Standard or Lifetime.
Unlock all prompts - $299 lifetime →How to use it
- Copy the prompt and paste it into Claude, Cursor or any AI coding tool - current models give the best results.
- Replace the marked tokens (colors, copy, media file names) before you run it.
- Run it, open the result in a browser, then iterate in small steps - one change per message.
Customize it
- Palette and type live in the token block at the top of the prompt - change those first, nothing else.
- Keep the motion values as written on the first pass; tune them only after you have seen the default.
- Swap media last, matching the aspect ratios the prompt names.
