Desktop App — Coming Soon

Your AI Workspace,
infinite
canvas.

Agent Grid is the workspace where you manage Claude Code, Codex, terminals, a code editor, source control, browsers, and notes as panes on an infinite canvas. One place to orchestrate everything.

AD
PA
TR
NT
5,000+ on the waitlist
Claude CodeCodexTerminalCode EditorSource ControlBrowserNote
agentgrid.sh
Canvas

Infinite canvas
& workspaces.

Pan, zoom, and arrange panes freely. Snap to grid, auto-organize with one click, and switch between project workspaces in tabs — each with its own folder and layout.

  • Multi-tab workspaces, one per project
  • Drag-and-drop a folder to set the workspace context
  • Auto-organize button to fit panes neatly
  • Minimap and pane counter for orientation
agent-grid
api-server
web-app
claude
terminal
browser
note
AI Agent

Claude Code
as an agentic pane.

Anthropic's coding agent runs as a fully agentic pane on your canvas — it reads your repo, edits files, runs commands, and uses MCP tools, all without leaving your workspace.

  • Reads, edits, and writes files in your project
  • Runs shell commands and dev scripts
  • MCP tool integration out of the box
  • Permission modes: Default, Plan, or Bypass for CI
claude
working...
Refactor the auth flow to use bcrypt instead of crypto.
● Reading auth.ts
● Editing auth.ts
- import crypto from 'crypto';
+ import bcrypt from 'bcrypt';
● Running npm test
✓ 24 tests passed
claude is using the Edit tool
AI Agent

Master Claude
delegates the work.

When a task is too big for one agent, a coordinator Claude spawns and orchestrates worker Claudes in parallel via MCP — fanning out the work and collating the results into one thread.

  • Spawns and broadcasts to worker panes via MCP
  • Workers run in parallel, each with their own context
  • Aggregates worker results back into the master thread
  • Visual edges connect master to its workers on the canvas
master
3 workers
masterworker 1edit auth.tsworker 2run testsworker 3review PR
AI Agent

Codex
for a second opinion.

OpenAI's coding agent as a pane. Run it side-by-side with Claude on the same task to compare approaches, or pick the agent whose strengths fit the job.

  • Run Codex and Claude on the same task and diff their work
  • Switches in seamlessly via the spawn menu
  • Same canvas, same workspace, different brain
  • Auto-detects the codex CLI on your system
codex
thinking
OpenAI Codex
Add a rate limiter middleware for /api/login.
▸ Plan
1. Install express-rate-limit
2. Create middleware/rateLimit.ts
3. Wire it into the login route
▸ Apply patches
+ 3 files changed
codex applied 2 patches
AI Agent

QA Agent
runs your tests.

A test-focused agent that plans, runs, and reports on your test suite — backed by Claude or Codex. Get a clean breakdown of what passed, what failed, and why.

  • Plans test coverage from your spec files
  • Executes the suite and captures screenshots on failure
  • Reports failures with reproduction steps
  • Pick Claude or Codex as the backend brain
qa
2 failing
Test results6 / 8
login.spec.ts
signup.spec.ts
auth-token.spec.ts
session.spec.ts
logout.spec.ts
profile.spec.ts
reset-password.spec.ts
avatar-upload.spec.ts
Dev Tools

Terminal
no transpiled fakery.

A real shell session backed by node-pty and rendered by xterm.js. Your bash, zsh, or fish — full ANSI colors, full keybindings, no surprises.

  • Pseudo-TTY via node-pty (it's a real shell)
  • 256-color ANSI rendering with xterm.js
  • Inherits your env, profile, and shell of choice
  • Pin one per workspace, or spawn many
bash
$ npm run dev
▲ Next.js 16.1.7 (Turbopack)
- Local: http://localhost:3000
✓ Ready in 905ms
$ bun test
bun test v1.0.20
✓ 47 tests passed
$ git status
On branch main
modified: src/auth.ts
new file: src/middleware/rateLimit.ts
$
Dev Tools

Code Editor
for direct edits.

Edit project files in a VS Code pane right next to your agents and terminals. No alt-tab, no context loss — your editor lives on the canvas where the work happens.

  • VS Code rendered as a pane
  • File tree, syntax highlighting, search
  • Open any file in your workspace
  • Sits side-by-side with the agent that's editing it
code
Explorer
▼ src
App.tsx
page.tsx
layout.tsx
▼ components
Button.tsx
Card.tsx
Modal.tsx
▶ lib
▶ public
1import React from 'react'
2
3export default function Page() {
4return (
5<div>
6Hello world
7</div>
8)
9}
Dev Tools

Source Control
with AI commits.

A Git pane with stage, diff, branch switching, and history — plus a single button to ask Claude to write a clear, conventional commit message for what you're about to ship.

  • Stage, unstage, and revert from the UI
  • Visual diff with syntax highlighting
  • Branch switching, history, and reflog
  • AI-generated commit messages on demand
git
branch: main
Changes (3)
Msrc/auth.ts
Asrc/middleware/rateLimit.ts
Dsrc/legacy-auth.ts
Diff — src/auth.ts
- import crypto from 'crypto';
+ import bcrypt from 'bcrypt';
export async function hash(p) {
- return crypto.scryptSync(p, salt, 64);
+ return bcrypt.hash(p, 10);
✦ AI commit message
refactor(auth): replace crypto with bcrypt + add login rate limit
Workspace

Browser
preview without leaving.

A Chromium webview pane. Preview localhost while your dev server runs, browse docs, or keep an auth session scoped per workspace — all on the canvas.

  • Full Chromium webview in a pane
  • Sessions are isolated per workspace
  • Opens localhost, docs, or any URL
  • DevTools available when you need them
browser
localhost:3000
Smart

Notes that
think with you.

Dictate with Whisper, auto-polished by Claude. Embed Mermaid diagrams inline. Agents read your notes and can work through them or tag them.

  • Whisper voice dictation in any note
  • Claude auto-polishes filler words and structure
  • Mermaid diagrams render inline as you type
  • Agents can read, reference, and tag your notes
recording
auth-flow.md
Auth flow refactor
🎙 "uh refactor the auth flow and also um fix the session handling bug..."
Refactor the auth flow and fix the session handling bug.
```mermaid
loginauthdashboard
Workspace

Title
label your canvas.

When the canvas grows, you need landmarks. Title panes are auto-scaling section headers that group related agents and panes into named regions you can find at a glance.

  • Auto-scaling text fills the pane
  • Pick from a palette of subtle colors
  • Drop above any group to label it
  • Doesn't get in the way — purely visual
BACKEND
● claude
● terminal
● git
FRONTEND
● browser
● code editor

Ready to orchestrate?

Get early access to Agent Grid and manage all your AI agents from a single, beautiful, persistent workspace.

Early Access

Be the first to know when Agent Grid launches.