Community moderation queue
A dark moderation queue: one report is removed, another approved, the rest move up and the open count drops from 12 to 10.
Use it with Claude or any AI tool. Copy the prompt and paste it in. The link inside gives the AI the whole page as Markdown.
Live preview of the result built from this prompt. Click to pause.
Overview
Three flagged posts with highlighted words. Remove is pressed on the first (red REMOVED stamp, card leaves), Approve on the second (green stamp, card leaves) and the Open reports counter counts down. Topic inspired by OpenDesign’s public dashboard prompt list; this prompt and design are written from scratch.
Build it step by step
Sign in to tick steps off-
1
Paste the prompt
The AI builds the three report cards and the counter.
Make a single-file HTML community moderation queue, 1280x720, near-black blue background #14181f, cards #1c222c with 1px #2a3240 border and 18px radius, text #e6ebf5. System fonts, no libraries. Header: H1 "Moderation queue" and a right aligned big number with the label "Open reports" that counts down 12, 11, 10 (CSS @property integer). Three absolutely positioned report cards (158px tall). Each shows username, age, a red reason pill (Spam, Harassment, Off topic), the post text with offending words highlighted in a red tinted mark, and three buttons: Approve (dark green), Remove (dark red) and Ban user (grey). Motion (8 second loop): cards rise in. On card 1 the Remove button presses, a red REMOVED stamp appears top right, the card slides right and fades; the other cards move up one slot and the counter drops to 11. Then card 2 gets Approve pressed, a green APPROVED stamp, slides away, card 3 moves up, counter drops to 10. Reset at the end. Respect prefers-reduced-motion. Return only the complete HTML.
-
2
Check the remove
The first card should get a red stamp and leave.
-
3
Check the approve
The second card should get a green stamp and leave.
Done when You can see it working in the browser.
-
4
Make it real
Connect the buttons to your moderation actions.
Files and links
What people built
Show yoursNobody has shared a build yet. Yours could be the first.
Show what you built
Built this plan? Sign in to share your demo video, live app and screenshots.