Skip to content
OwnlyPlans

Plan

Issue triage inbox

A cream issue triage list: issues are assigned or closed as duplicates, the rest move up and the untriaged count drops from 9 to 6.

Remix

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.

Markdown

Live preview of the result built from this prompt. Click to pause.

Overview

An issue inbox with five cards. The first gets an ASSIGNED tag and slides away, a duplicate gets a red CLOSED tag and leaves, the others slide up and the Untriaged 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. 1

    Paste the prompt

    One prompt builds the whole inbox.

    Prompt
    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.
  2. 2

    Check the assign move

    The first card should get a green tag and slide away.

  3. 3

    Check the duplicate

    The duplicate card should get a red tag and leave.

    Done when You can see it working in the browser.

  4. 4

    Make it real

    Replace sample issues with your tracker data.

Files and links

What people built

Show yours

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

Your AI tool
Starter prompt

		

Download the plan