Issue triage inbox
Copy this prompt into Claude, Cursor or Lovable.
Make a single-file HTML issue triage inbox, 1280x720, warm cream background #f6f3ee, ink #221d16. System fonts, no libraries.
Header: H1 "Issue triage", a muted "Needs a decision" and a right aligned counter "Untriaged" with a big number that counts down 9, 8, 7, 6 (CSS @property integer animation with steps).
Five absolutely positioned white cards (90px tall, 16px radius, soft shadow), each with a coloured priority dot, bold title, meta line (issue number, opener, age) and pills on the right (P1 red, P2 amber, P3 blue, Bug purple, Feature/Docs blue): Checkout fails on Safari 17, Add CSV export to reports, Duplicate of #1990 - login loop, Docs typo on pricing page, Dark mode flicker on load.
Motion (8 second loop): cards rise in. Card 1 gets a green ASSIGNED tag, slides 28px right then 90px and fades; cards below move up one slot. Card 3 gets a red CLOSED - DUPLICATE tag and leaves the same way. Counter steps down in sync. Reset at the end.
Respect prefers-reduced-motion. Return only the complete HTML.Source, 11 lines
# Issue triage inbox Copy this prompt into Claude, Cursor or Lovable. ```text Make a single-file HTML issue triage inbox, 1280x720, warm cream background #f6f3ee, ink #221d16. System fonts, no libraries. Header: H1 "Issue triage", a muted "Needs a decision" and a right aligned counter "Untriaged" with a big number that counts down 9, 8, 7, 6 (CSS @property integer animation with steps). Five absolutely positioned white cards (90px tall, 16px radius, soft shadow), each with a coloured priority dot, bold title, meta line (issue number, opener, age) and pills on the right (P1 red, P2 amber, P3 blue, Bug purple, Feature/Docs blue): Checkout fails on Safari 17, Add CSV export to reports, Duplicate of #1990 - login loop, Docs typo on pricing page, Dark mode flicker on load. Motion (8 second loop): cards rise in. Card 1 gets a green ASSIGNED tag, slides 28px right then 90px and fades; cards below move up one slot. Card 3 gets a red CLOSED - DUPLICATE tag and leaves the same way. Counter steps down in sync. Reset at the end. Respect prefers-reduced-motion. Return only the complete HTML. ```