Quick start

1. New project

/studio → New project. Name it. Pick a model (Standard is the default).

2. Describe what you want

Be specific. Bad: "make a todo app". Better: "todo app with Next.js 14, Tailwind, items stored in localStorage, dark mode toggle in the navbar".

Better still: include behaviors. "Items can be marked done, edited inline, deleted. Long lists scroll within a fixed-height container."

The agent will ask follow-ups if it's missing critical details (framework, persistence, deploy target). Answer them.

3. Watch it build

Output streams in real time:

• File edits (you'll see diffs)
• Shell commands (npm install, npm run build)
• Preview URL once the dev server is running

Most first-pass apps build in 1–3 minutes.

4. Use the preview

The preview iframe shows your app live as the agent works on it. Click around, find what's wrong or missing.

5. Iterate

Next message: "the delete button doesn't work; add a confirmation dialog; persist completed items to a separate filtered view."

The agent edits in place. Each turn is its own version checkpoint — see Version history.

6. Deploy

Happy with it? Deploy button → pick a project name → confirm. We promote the workspace to a Suzko Deploy project, give you a URL, hand you the GitHub repo if you want to take it elsewhere.

What to ask for

Good prompts treat the agent like a competent dev who's never seen your project:

• Specify the stack (Next.js? Vite? Astro?)
• Specify the storage (localStorage? Postgres? in-memory?)
• Specify the styling (Tailwind? CSS modules? plain CSS?)
• Describe the UX, not just the data model

What not to ask for:

• A whole SaaS in one prompt. Build incrementally.
• Things that need API keys you haven't set (or do set them at Settings → Secrets).
• "Make it look better" — be specific. "Use a card layout with shadow, increase spacing between items, add hover states."