Concept render — composed live from this prompt's palette & layout. Reproducible with the library, not a stock screenshot.
Concept scene: Morph Blob — open in library →SaaSVerifiedby Motif Studiopublished 2026-09-14
AI onboarding chat flow
vibe: friendly, guided, light
starter — 4 blocks, 2 stacksmobile-first viewport≈ 270 lines generated (estimate)≈ 600 tokens to run (estimate)
prompt.txt — copy-paste ready
An onboarding flow that gathers preferences as a chat: a welcome bubble, follow-up question chips that fill the composer on click, a slim progress line showing steps answered, and a finish card summarising the choices. The flow never blocks on a fake AI response — each answer advances the state locally. Chips are keyboard-accessible; the progress line announces its position; colours are CSS variable tokens; reduced-motion keeps the progress line static.
Palette tokens:#0f1115#f2f5f9#22d3ee#f472b6
Remix this brief:
- — Video-first: chips replaced by choice cards.
- — Terse: two questions, zero small talk.
- — Playful: emoji reactions on every answer.
Stacks shipped:Next.jsReactBlocks:Welcome bubbleQuestion chipsProgress lineFinish card
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 86/100 — Welcome bubble warm without being silly.
- All models built cleanly on the first pass.
More prompts in this mood
Open prompt →
Dark SaaS launch page with aurora hero
dark, premium, minimal
FeaturedNext.jsHTMLReact
92/100 · 4 runsOpen prompt →
SaaS onboarding — activation in one flow
clear, encouraging, momentum-forward
VerifiedNext.jsReact
90/100 · 4 runsOpen prompt →
B2B integration marketplace with cert badges and webhook snippet
technical-clean, dense-but-ordered
BetaNext.jsReact
85/100 · 4 runs