Getting Started
This guide walks you through creating your account, setting up a workspace, and running your first AI agent.
1. Create Your Account#
Visit the signup page and provide:
- Workspace name — Your team or organization name
- Workspace slug — URL-friendly identifier (3-63 characters, lowercase letters, numbers, and hyphens). This becomes part of your workspace URL and cannot be changed after creation.
- Email address — You'll need to verify this
- Password — Minimum 8 characters with at least one uppercase letter, lowercase letter, digit, and special character
After signing up, check your email for a verification link. You can resend the verification email from the login page if needed.
2. Configure Your API Key#
Before running agents, you need to provide a Claude API key. Go to Providers from the sidebar and either:
- Paste an API key directly (stored encrypted with AES-256-GCM encryption)
- Connect via OAuth — Use the Anthropic OAuth flow to connect your Claude account
The key is encrypted at rest and never displayed in full after saving.
3. Create Your First Project#
From the dashboard, click New Project and configure:
- Name — A descriptive project name
- Description (optional) — What this project is about
- Framework — Choose from 15 supported frameworks:
| Category | Frameworks |
|---|---|
| JavaScript | Next.js, Vite, React, Vue.js, Node.js, Express.js |
| Python | Python, Flask, FastAPI |
| Go | Go, Fiber, Gin |
| Ruby | Ruby, Rails |
| Other | None (static HTML/CSS/JS) |
The framework determines which Docker image, default commands, and agent instructions are used for previews and executions.
4. Run Your First Execution#
Open your project to enter the Command Center — the IDE-like workspace. Type a prompt in the chat input at the bottom:
"Create a landing page with a hero section, features grid, and footer"
Click Run to start an agent execution. You'll see:
- Real-time streaming of the agent's thinking and actions
- Tool calls showing file creation, editing, and terminal commands
- Diff views for code changes
5. Preview Your Work#
Once the agent finishes (or while it's running), click Start Preview in the right panel. This launches a Docker container running your project with the appropriate framework-specific dev server.
The preview auto-refreshes as the agent makes changes. You can also share preview links with others.
6. Next Steps#
- Authentication — Learn about OAuth and password management
- Workspaces & Teams — Invite teammates and manage roles
- Projects — Explore project settings and frameworks
- Command Center — Master the IDE-like workspace
- Executions — Learn about the execution lifecycle