What does the Open-source docs page with left rail prompt produce?

A developer website with Rail, Article, Code block, Prev/next. The vibe target is "technical, calm, dense-but-airy" and the prompt body is printed in full on the page.

How well does it score?

90% average fidelity over 3 recorded runs. Best model: Claude 4.6 Sonnet. Weakest recorded run: 88% on Codex.

Are failures included?

No build failures are recorded for this prompt, and the log says so rather than implying every model succeeded elsewhere.

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

Concept scene: Star Motes — open in library →

DeveloperVerifiedby Motif Studiopublished 2026-09-13

Open-source docs page with left rail

zh-CN: 开源文档页：左侧导航栏

vibe: technical, calm, dense-but-airy

starter — 4 blocks, 1 stack≈ 600 tokens to run (estimate)

prompt.txt — copy-paste ready

A docs page for an open-source project: sticky left rail with grouped links and active-state highlight, article column with h2/h3 anchors and a scroll-spy TOC, code blocks with language label and copy button, prev/next footer links. Near-white canvas, ink text, one blue accent for links. No dark-mode toggle needed. Everything keyboard reachable; focus ring visible. Colours are CSS variable tokens; reduced-motion is honoured.

Stacks shipped:Next.jsBlocks:RailArticleCode blockPrev/next

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