How well does it score?

87% average fidelity over 4 recorded runs. Best model: Codex. Weakest recorded run: 86% on GLM-4.6 (CN).

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: Liquid Glass — open in library →

SaaSBetaby Motif Studiopublished 2026-09-12

Profile settings with tabs, dirty-state save bar and autocomplete

Q: What does the Profile settings with tabs, dirty-state save bar and autocomplete prompt produce?

A saas website with Tab nav, Profile form, Save bar, Danger zone, Toast confirm. The vibe target is "settled, functional, respectful" and the prompt body is printed in full on the page.

vibe: settled, functional, respectful

intermediate — 5 blocks, 2 stacksany viewport≈ 100 lines generated (estimate)≈ 800 tokens to run (estimate)

prompt.txt — copy-paste ready

A settings page that never loses an edit.
• Settled palette: white, slate ink, one blue for actions.
• Tab nav: Profile / Account / Notifications — real tabs, arrow-key navigable, state in the URL.
• Profile form: name, display name, bio with counter, avatar slot; every personal field carries its autocomplete token.
• Save bar: appears pinned to the bottom only when the form is dirty — 'You have unsaved changes' with Save and Discard; Discard asks once.
• Danger zone: delete-account at the bottom, visually separated, requiring typed confirmation; the copy states exactly what deletion removes.
• Toast confirm: on save, a toast with aria-live announcing 'Profile saved'.
• Leaving with dirty state warns; the demo states everything is local.• Craft floor: Reduced motion is honoured with a static branch; all colours flow through CSS-variable tokens.

Palette tokens:#FFFFFF#1F2937#2563EB#64748B#0F172A

revised 2026-09-12 — Bank-3 batch 3: palette tokens, component links, viewport and the retry guard added under items #52/#55/#57/#74.

Remix this brief:

— Lighter: same brief on a white ground with one accent kept.
— Denser: halve the whitespace and add a second content column.
— Playful: keep the structure, swap the display face and let one section animate on view.

Stacks shipped:Next.jsReactBlocks:Tab navProfile formSave barDanger zoneToast confirm

Components this brief typically renders:

Tabs with Sliding Indicator →Auto-grow Textarea →Toast Queue →

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