Blueprint Mode

Design before you build.
Live.

A split-pane AI planning canvas. Converse with Claude in a terminal on the left — watch your architecture, specs, and design systems render as a live document on the right.

Blueprint Mode — split pane AI planning canvas

// The Split Pane

Two panes.
One conversation.

Live preview

Claude writes blueprint.html to your project folder. The right pane polls it every 500ms and re-renders instantly — no refresh, no switching.

Blueprint-aware Claude

A dedicated system prompt is injected at launch. Claude knows it's in planning mode — asks structured questions, writes silently, and keeps a consistent visual style.

Flexible layout

Toggle between 50/50 and 30/70 splits. Give the canvas more room when reviewing, or balance them while writing. Smooth transition, one click.

Rich visual output

Inline SVG charts, flowcharts, architecture diagrams, mind maps, sequence diagrams, design system swatches, and progress indicators — all rendered live.

Inline edit mode

Click Edit to make the canvas directly editable. Tweak copy, fix headings, adjust content — without going back to the terminal. One click to save.

Auto markdown sync

Every time the canvas updates, blueprint.md is automatically regenerated alongside it. Your spec is always export-ready.

// How it works

Open. Ask.
Watch it appear.

Blueprint mode strips away the blank page. Claude leads the conversation — you answer questions, it builds the document. By the end of the session, your architecture is specified and ready.

  • 01

    Open Blueprint, pick a directory

    Select your project folder. Lemonade injects the Blueprint system prompt and launches Claude automatically.

  • 02

    Answer Claude's questions

    Claude guides you through goal, site structure, tech stack, data models, API design, and design system — one section at a time.

  • 03

    Export and start building

    Save as PDF, Markdown, CSV, or JSON. Hand it to your agents, share with your team, or commit it to the repo.

Blueprint mode in action

// Built-in document structure

Every section you need.
Already mapped out.

Goal & overview

Project purpose, scope, success criteria, and out-of-scope boundaries.

Tech stack

Languages, frameworks, services, and infrastructure — all rendered with rationale.

Data models

Entity relationships, schemas, and field definitions — rendered as diagrams and tables.

API design

Endpoint definitions, request/response shapes, and authentication flows.

Site structure

Pages, routes, component hierarchy, and navigation flow — rendered as a visual tree.

Design system

Live color swatches, typography specimens, button variants, and component previews.

Auth & integrations

Third-party services, OAuth flows, API keys, and external dependencies.

Jump anywhere

Sections follow a sensible default order — but you can jump to any section at any time.

// Export

Four formats.
One click.

Your blueprint is always ready to share. Export to any format directly from the toolbar — no copy-paste, no reformatting.

Markdown

Auto-generated on every canvas update. Commit it, share it, or feed it to another agent.

PDF

Print-ready export to your Downloads folder. Share with stakeholders who don't live in a terminal.

CSV

Exports all tables from the document. Pull your data models and API specs into a spreadsheet.

JSON

Structured export for tooling. Feed your spec directly into code generators, validators, or CI pipelines.

// Canvas toolbar

Layout toggle 50/50 ↔ 30/70 split
Edit mode Inline contentEditable
Font size 10–24px, − / + controls
Save PDF · MD · CSV · JSON
Auto markdown Always on

// A workflow for everyone

Pick the view that fits your flow.

Workspace

Structured grid. Up to 16 agents in fixed positions. Fast to launch, easy to manage.

Blueprint

Split-pane design mode. Terminal + live preview side by side for visual work.

Studio

Infinite canvas. Terminals, notes, images, browsers — anywhere you want them.

Cluster

Agent swarm. Multiple agents collaborating on the same task in parallel.

All four modes included in every license. Switch anytime.

Lemonade

Try Blueprint today.

Blueprint is included in every Lemonade license. $9 one-time, yours forever.