Skip to content

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

Concept scene: Liquid Glass — open in library →
Developer ToolsVerifiedby Motif Studiopublished 2026-09-14

Multi-model comparison page

zh-CN: 多模型对比页

vibe: honest, tabular, technical

starter4 blocks, 2 stacksdesktop viewport260 lines generated (estimate)600 tokens to run (estimate)
prompt.txt — copy-paste ready
A page that compares the same brief across three models: a header naming the brief, answer tabs (one per model) where each tab shows the model name, its recorded fidelity score, and its answer, plus a verdict callout that states the pick is editorial — fidelity scores are judgements from recorded runs, not benchmarks. Keep a source row under each answer. Keyboard-accessible tabs with aria-selected; focus is visible; colours are CSS variable tokens; reduced-motion keeps the tab underline static.
Palette tokens:#0a0b10#e2e8f0#22d3ee#34d399

Remix this brief:

  • Table view: all three answers side by side.
  • Deep-dive: one model per page with a sticky score rail.
  • Tiny: scores only, no answer bodies.
Stacks shipped:ReactNext.jsBlocks:HeaderAnswer tabsScore rowVerdict callout

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 GLM-4.6 (CN) at 87/100 — Score row consistent across tabs.
  • All models built cleanly on the first pass.