Skip to content

Quick Start

  1. Open Claude Yard
  2. Click the + button in any tab group header
  3. Choose an agent: Claude, Claude (dangerous), Codex, Codex (dangerous), or Shell
  4. A new session opens in a terminal tab — it works exactly like the CLI

Click + again to open another session. Each tab is an independent agent instance with its own working directory and context. You can mix Claude Code and Codex sessions in the same workspace.

Drag tabs to rearrange them, or drag a tab to the edge of the window to split the view.

The right sidebar shows all your Claude sessions — including ones started from the regular CLI.

  • Green dot — idle, waiting for input
  • Spinning — Claude is working
  • Amber dot — Claude needs confirmation
  • Red X — session exited with an error

Click any session to resume it. If it’s already open, you’ll jump to its tab. If it’s closed, Claude Yard opens a new tab and resumes it automatically (using claude --resume for Claude sessions or codex resume for Codex sessions).

Click the browser button in the tool rail to open a native Chromium panel. Navigate to localhost:3000 (or wherever your dev server runs) to see your app live alongside the terminal.

Browser panels support drag-and-drop layout just like terminal tabs — put them side by side, stack them, or move them anywhere.

Claude Yard includes a CLI for scripting and automation:

Terminal window
node cli.mjs state # Current panels and sessions
node cli.mjs spawn # New Claude session
node cli.mjs send panel-1 "hi" # Send keystrokes
node cli.mjs tools # List MCP tools

import { LinkCard, CardGrid } from ‘@astrojs/starlight/components’;