Code Generator

Dreams CRM Suite

Synced
Current · v4

Build Session

Claude Sonnet 5 · 6 turns · 48.2k tokens

You 10:42
Build a responsive CRM dashboard with authentication, analytics, invoices and dark mode.
brand-tokens.json reference-layout.png
Studio AI 10:42

Mapped the request into a four-surface product. Here is the plan before any file is written.

Architecture Plan 6 decisions
  1. 01Route shell — protected layout wrapping dashboard, analytics, invoices and settings.
  2. 02Auth — token session with a refresh queue and a guard on every private route.
  3. 03Data layer — typed fetch client, request cancellation, optimistic invoice updates.
  4. 04Theming — CSS custom properties so dark mode needs no component rewrites.
  5. 05Analytics — streaming chart primitives with an accessible tabular fallback.
  6. 06Quality gates — unit tests on reducers, axe checks on every route.
React 19 TypeScript Tailwind 4 PostgreSQL
Studio AI 10:43
Build Pipeline Completed in 2m 14s
Understanding Requirements0.6s Parsed 4 feature domains and 2 attachments
Planning Architecture4.2s 6 modules, 3 shared layers, 1 auth boundary
Selecting Framework1.1s React 19 + Vite chosen over Next.js for a static host
Generating Layout9.4s Responsive shell, collapsible nav, command palette
Building Components27.8s 18 components, 6 primitives, 4 chart wrappers
Writing Code41.3s 24 files · 3,182 lines emitted
Optimising12.7s Route splitting trimmed the entry bundle by 38%
Testing18.9s 42 unit tests, 9 axe audits — all passing
Ready— Preview served and source tree mounted
Studio AI 10:45

Generated 24 files across 8 folders. The preview on the right is live — pick any file in the explorer to read the source.

You 10:51
Add an invoices page with status filters, bulk actions and CSV export.
Studio AI 10:52

Added the route, wired the filter state into the URL and kept the export off the main thread.

Try
0 chars · ~0 tokens
CtrlEnter to run
dreams-crm 24
src
components
pages
layouts
hooks
services
styles
assets
dreams-crm.studio.app/dashboard 1440 × 900
Search customers…

Recurring revenue

$248,910

12.4% vs last quarter

Open deals128
Win rate41%
Overdue7
InvoiceClientAmountStatus
INV-2041Dreams AI$4,200Paid
INV-2042Lumen Labs$1,860Due
INV-2043Harbour Co$9,540Paid
INV-2044Kite Digital$720Late
dreams-crm $ pnpm install
    Packages: +412  resolved in 3.1s
    dreams-crm $ pnpm dev
    VITE v6.0.0  ready in 412 ms
    ➜  Local:   http://localhost:5173/
    ➜  Network: http://10.0.4.18:5173/
    dreams-crm $ pnpm test --run
    ✓ 42 tests passed (9 files) in 4.28s
    dreams-crm $
Live Preview