This guide walks through the first successful Coder Studio agent workflow: open a project, start a recommended first-run provider, watch the session output, and review the resulting Git diff.
Use this to verify that Coder Studio can support a real AI coding loop, not just launch the UI.
- Coder Studio installed:
npm install -g @spencer-kit/coder-studio - Node.js 24 or newer:
node --version - At least one Provider CLI installed. For the first trial, Claude Code or Codex is recommended:
- Claude Code:
npm install -g @anthropic-ai/claude-code - Codex:
npm install -g @openai/codex
- Claude Code:
- The Provider CLI works in a normal terminal:
claude --versioncodex --version
coder-studio openYour browser should open automatically. If it does not, run:
coder-studio statusThen manually open the local URL printed by the command.
On the welcome screen, choose Open Workspace and select a small repository you can safely test with.
For the first run, prefer:
- a personal repository with a README
- a Git repository with a clean working tree
- a project that does not contain production secrets
Inside the workspace, create a new session and choose a detected provider. For the first trial, Claude or Codex is the recommended path because the setup and troubleshooting docs are the most detailed.
If the provider is missing:
- Install the CLI in your normal terminal.
- Verify it with
claude --versionorcodex --version. - Refresh Coder Studio or reopen the workspace.
Do not start with a large refactor. Use a small documentation task first:
Please read the README and add a short "Who this is for" section. Keep the change to 1-2 paragraphs and do not modify source code.
This is a good first test because:
- the change is small
- the Git diff is easy to inspect
- the result is easy to revert
While the session runs, watch the agent output. When it finishes:
- Open the Git view.
- Inspect changed files.
- Open the diff.
- Decide whether the result matches your request.
You can ask the same session for a follow-up change, edit the files yourself, or discard the change with Git.
For phone or tablet access, read Mobile and Remote Access.
Mobile is best for:
- checking whether an agent is still running
- reading terminal output
- browsing files and diffs
- monitoring long tasks
Use desktop for the first full trial. Mobile is a continuation and review surface, not the main heavy editing environment.
Can I try Coder Studio without Claude or Codex installed? Yes. You can open workspaces, browse files, and use terminals, but you cannot start a provider's agent session until its CLI is installed.
I installed a provider but Coder Studio cannot find it. What now?
Run which <provider-command> and <provider-command> --version in a normal terminal. If the command is missing, the install directory is probably not in PATH. See Agent Providers.
What if the agent makes a bad change? Review the Git diff first. You can edit the file, ask for a follow-up, or discard the change with Git.