# 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.

- Kind: Plan
- Page: https://ownlyplans.com/bhaskar/community-moderation-queue/
- Licence: CC BY 4.0 (reuse with credit)

## Steps

### 1. Paste the prompt

The AI builds the three report cards and the counter.

Prompt:

```text
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

- prompt.md: https://ownlyplans.com/bhaskar/community-moderation-queue/prompt/ (The full prompt.)
- index.html.md: https://ownlyplans.com/bhaskar/community-moderation-queue/index-html/ (Complete code of the result in the video.)

## About

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.

---
Also available as JSON: https://ownlyplans.com/bhaskar/community-moderation-queue/?format=json
MCP server: https://ownlyplans.com/mcp