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 →SaaSFeaturedby Motif Studiopublished 2026-09-14
AI chat shell for a SaaS product
zh-CN: SaaS 产品的 AI 聊天外壳
vibe: focused, calm, productive
starter — 4 blocks, 2 stacksany viewport≈ 320 lines generated (estimate)≈ 600 tokens to run (estimate)
prompt.txt — copy-paste ready
A full AI chat shell for a SaaS product: a collapsed sidebar listing past threads, a message thread where assistant messages carry a model chip and user messages are right-aligned, a composer with Enter-to-send and Shift+Enter for a newline, and a "thinking" state shown as breathing dots before each answer. Calm neutral palette, one accent for the assistant, no fake avatars. The composer shows a focus ring on keyboard focus; colours are CSS variable tokens; reduced-motion collapses the thinking dots to a static dot.
Palette tokens:#0b0c10#e6e8ee#22d3ee#a78bfa
Remix this brief:
- — Lighter: white canvas, smaller radii, same thread rhythm.
- — Denser: three-column with a right inspector rail.
- — Playful: pastel accents and a mascot in the empty state.
Stacks shipped:Next.jsReactBlocks:SidebarMessage threadComposerModel chip
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 89/100 — Composer states (idle/sending) read clearly.
- 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