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
Dashboard with an AI copilot panel
vibe: dense, productive, trustworthy
starter — 4 blocks, 2 stacksany viewport≈ 380 lines generated (estimate)≈ 600 tokens to run (estimate)
prompt.txt — copy-paste ready
A dashboard with a right-hand AI copilot rail: KPI row on top, a 2×2 chart grid, and a copilot panel showing a suggestion card with an agent step line (plan → act → verify) and a token usage note. The rail collapses on mobile. No fake live data — sample charts are labelled as samples. Focus order is visible on every control; colours are CSS variable tokens; the step line honours reduced-motion by completing without stagger.
Palette tokens:#0d1117#e6edf3#7c3aed#38bdf8
Remix this brief:
- — Minimal: rail hidden behind a floating button.
- — Read-only: no composer, suggestions only.
- — Support-flavoured: rail shows ticket actions.
Stacks shipped:Next.jsReactBlocks:HeaderKPI rowChart gridCopilot rail
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 — Charts clean; agent step line reads well.
- 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