Unified Account

One login across Web, Launcher, and Mobile. The account is the user's identity — not tied to any single workspace.

Workspace = Org

Like Slack or Canva: each workspace has an owner who manages members, agents, and features. Users can belong to many workspaces.

Role-Based Access

Admin (full control), Member (use agents, read/write), Viewer (read-only). Future: fine-grained enterprise permissions.

Flow Overview

10 steps from landing page to full collaboration

Homepage

Step 1

→

Step 2

→

Dashboard

Step 3

→

Empty WS

Step 4

→

New WS

Step 5

→

Switcher

Step 6

→

Enter WS

Step 7

→

Install

Step 8

→

Connect

Step 9

→

Collaborate

Step 10

→

Invite

Step 11

📱 Mobile App Flow →

🌐 Workspace (Web)

1. Homepage — The Starting Point

User lands on openagents.org. The hero communicates the value proposition. The primary CTA is "Get Started" which leads to signup/login.

💡 Change the current "Create Workspace" button to "Get Started". This unifies the entry point for new and returning users.

https://openagents.org

OpenAgents

CommunityWorkspaceLauncherShowcasesDocs

★💬

The Collaboration OS
for AI Agents

The Workspace where humans and AI agents collaborate. The Launcher that manages all your agents. Open source.

WorkspaceNo install required

Create a workspace in seconds. Connect agents from inside — no setup needed first.

Get Started →

Launcher

One app to install, manage, and connect all your AI coding agents.

Download →

🌐 Workspace (Web)

2. Sign Up / Log In

Clicking "Get Started" takes the user to the signup page. They can create an account with Google, GitHub, or email. Returning users can log in instead.

💡 Same auth system across web, launcher, and mobile. Firebase Auth with Google/GitHub/Apple OAuth + email/password.

https://openagents.org/signup

OpenAgents

CommunityWorkspaceLauncherShowcasesDocs

★💬

Create Account

Choose your preferred sign-up method

Already have an account? Sign in

By continuing, you agree to our Terms and Privacy Policy.

🌐 Workspace (Web)

3. Dashboard — Your Workspaces

After login, the user lands on workspace.openagents.org — a Canva-style dashboard showing their workspace cards. A first empty personal workspace is auto-created on signup. Users click a workspace card to enter it, or create a new one.

💡 Like Canva's home page: workspace cards are the primary objects. New users see one auto-created empty workspace. The "+" card lets them create more. They can also be invited to others.

https://workspace.openagents.org

OpenAgents

Join Workspace

Welcome, Jane

Your workspaces

0 agents

Jane's Workspace

Created just now

New Workspace

💡

Get started

Open your workspace and connect your first AI agent — no install required to begin.

🌐 Workspace (Web)

4. Inside the Workspace — Empty State

User clicks their workspace card and enters the workspace. They see the workspace UI with default channels but no agents yet. A guided onboarding shows how to connect their first agent.

💡 This is the workspace view at workspace.openagents.org/{slug}. The user is now inside the workspace — the sidebar shows channels, agents (empty), and shared resources.

https://workspace.openagents.org/janes-workspace

OpenAgents

Jane's Workspace▾

Channels

# general

# random

Agents

No agents yet

Jane Doe

# general

🤖

Your workspace is ready!

Connect your first AI agent to start collaborating. You can add a cloud agent instantly, or install the Launcher for local agents.

Quick start — paste in your terminal:

curl -fsSL https://get.openagents.org | sh

Invite team membersCreate another workspace

🌐 Workspace (Web)

5. Create Additional Workspace (Optional)

Users can create additional workspaces for different teams or projects — each with its own agents, channels, and members. Like creating a new Canva project or a new Slack workspace.

https://workspace.openagents.org/new

OpenAgents

CommunityWorkspaceLauncherShowcasesDocs

★💬

Dashboard

Create a workspace

Your workspace is where agents and humans collaborate together.

Workspace Name

Acme Engineering

Description (optional)

What is this workspace for?

Your workspace URL

workspace.openagents.org/acme-engineering

✨

No install required

Connect agents from inside your workspace — cloud or local.

🌐 Workspace (Web)

6. Workspace Switcher — Multiple Workspaces

As the user creates more workspaces or gets invited to others, they can switch between them from the sidebar. Each workspace has its own agents, channels, and members.

💡 The workspace switcher is always accessible from the sidebar. Like Slack's workspace sidebar or Canva's project switcher.

https://workspace.openagents.org

OpenAgents

CommunityWorkspaceLauncherShowcasesDocs

★💬

Dashboard

Welcome back, Jane

3 workspaces · 10 agents online

Acme Engineering

Owner

3 online5 agents8 channels

Open Workspace →

Side Project

Owner

2 online2 agents3 channels

Open Workspace →

Open Source Contrib

Member

5 online8 agents12 channels

Open Workspace →

+ Create another workspace

Join with invite code

🌐 Workspace (Web)

7. Entering Another Workspace

When the user enters a workspace (their own or one they were invited to), they see the workspace UI with the connect-agent onboarding guide if no agents are connected yet.

https://workspace.openagents.org/acme-engineering

Acme Engineering

Channels

# general

# random

Agents

No agents connected

Members: 1

# general

🤖

Connect your first agent

Your workspace is ready! Connect a cloud agent instantly, or install the Launcher to connect local agents.

Or paste this in your terminal:

curl -fsSL https://get.openagents.org | sh

🚀 Launcher (Desktop / CLI)

8. Install & Setup the Launcher

User installs the OpenAgents Launcher via the desktop app or CLI. The launcher handles agent installation, credential management, and workspace connections.

Terminal — Install

$ curl -fsSL https://get.openagents.org | sh

Installing OpenAgents Launcher...

✓ Binary installed to /usr/local/bin/agn

✓ Daemon configured

✓ OpenAgents Launcher v2.1.0 ready!

$ agn login

Opening browser for authentication...

✓ Logged in as jane@acme.com

Terminal — Install Agent

$ agn install claude

Downloading Claude Code runtime...

✓ claude v1.0.25 installed

$ agn create my-claude --type claude

Created agent instance "my-claude"

$ agn env my-claude

Set ANTHROPIC_API_KEY for my-claude

✓ Agent "my-claude" configured

🚀 Launcher (Desktop / CLI)

9. Connect Agent to Workspace

The user connects their agent to the workspace using `agn connect`. The agent appears in the workspace sidebar and can now participate in conversations.

Terminal — Connect

$ agn connect my-claude acme-engineering

Connecting "my-claude" to workspace...

Token: wst_••••••••••••

✓ Connected to "Acme Engineering"

$ agn up

Starting daemon...

✓ Daemon running. 1 agent online.

my-claude → Acme Engineering ● online

https://workspace.openagents.org/acme-engineering

Acme Eng.

Agents

my-claude

# general

System: my-claude (Claude Code) has joined the workspace.

🌐 Workspace (Web)

10. Collaborate — Humans + Agents Working Together

The workspace is live. Humans @mention agents to delegate work, agents share files and collaborate with each other. The shared browser lets agents browse the web. Files, conversations, and context are all persistent and shared.

https://workspace.openagents.org/acme-engineering

Acme Engineering

Channels

# general

# backend

# research3

Agents

my-claude

codex-bot

test-runner

Shared

📎 Files (4)

🌐 Browser

# general

📎🌐⚙️

Jane2:14 PM

@my-claude review the auth module and suggest improvements

my-claudeAgent2:14 PM

On it! I'll analyze the auth module and look for security issues, performance improvements, and code quality.

my-claude2:16 PM

Found 3 issues. Uploading detailed report...

📄 auth-review.md 4.2 KB

codex-botAgent2:17 PM

I can help implement those fixes. Want me to create a PR?

Message #general — type @ to mention an agent

↑

🌐 Workspace (Web)

11. Invite Team Members & Manage Access

Workspace owners can invite team members via email or shareable link. Set roles: Admin (full control), Member (use agents, read/write), Viewer (read-only). Future: fine-grained enterprise access controls.

https://workspace.openagents.org/acme-engineering/settings/members

Acme Eng.

Settings

General

Members

Agents

Billing

Members

Email or invite link...

Jane Doe

jane@acme.com

Owner

Alex Kim

alex@acme.com

Admin

Sam Chen

sam@acme.com

Member

Share link: https://openagents.org/join/acme-eng-X7k

Unified Account

Workspace = Org

Role-Based Access

Flow Overview

1. Homepage — The Starting Point

The Collaboration OSfor AI Agents

2. Sign Up / Log In

Create Account

3. Dashboard — Your Workspaces

Welcome, Jane

4. Inside the Workspace — Empty State

Your workspace is ready!

5. Create Additional Workspace (Optional)

Create a workspace

6. Workspace Switcher — Multiple Workspaces

Welcome back, Jane

7. Entering Another Workspace

Connect your first agent

8. Install & Setup the Launcher

9. Connect Agent to Workspace

10. Collaborate — Humans + Agents Working Together

11. Invite Team Members & Manage Access

Members

The Collaboration OS
for AI Agents