Skip to content

Concept render — composed live from this prompt's palette & layout. Reproducible with the library, not a stock screenshot.

Concept scene: Grid Drift — open in library →
Knowledge WorkVerifiedby Motif Studiopublished 2026-09-14

AI answer panel with citation chips

vibe: trustworthy, sourced, clean

starter4 blocks, 2 stacksany viewport240 lines generated (estimate)600 tokens to run (estimate)
prompt.txt — copy-paste ready
An AI answer panel with sourced citations: a question bar on top, the answer body below, a row of numbered citation chips under the answer that expand to show each source (title, file, one-line provenance), and a quiet verify note — "generated content may be wrong, check the sources" — that is dismissible. No fake URLs: sources are labelled as demo references. Chips are real buttons with aria-expanded; focus is visible; colours are CSS variable tokens; reduced-motion keeps the expand instant.
Palette tokens:#0c0e14#e8ecf2#a78bfa#fbbf24

Remix this brief:

  • Legal tone: every claim cites two sources.
  • Inline: citations as superscript links in text.
  • Minimal: chips only, no verify note.
Stacks shipped:ReactHTMLBlocks:Question barAnswerCitation rowVerify note

Components this brief typically renders:

Community:▶ Re-run this prompt⤴ Submit a remix of it★ Your saved listRe-runs are a labelled simulation; the run log on this page is the real record.
Before you run it, know this
  • Lowest score was Codex at 88/100 — Chip expand/collapse announced correctly.
  • All models built cleanly on the first pass.