Bogen

Set up Bogen for your person

Instructions for a coding agent. A person gave you this page because they want Bogen installed and working: an open source design canvas where every layer is real HTML and CSS, and you draw on it over MCP while they watch. You do the work; they decide.

Rules

1. Install and connect yourself

curl -fsSL https://bogen.dev/install.sh | BOGEN_AGENTS=claude-code bash

Put your own client's name in BOGEN_AGENTS: claude-code, codex, cursor, vscode, opencode, gemini, zed, grok, hermes or omp, several with commas. With it set, the script asks nothing: it connects that client and prints what to do next. Without it, the script would ask the person at a terminal, and where there is none, only print the commands.

Read the script first if the person prefers that. It downloads the release from GitHub, checks its checksum and signature, and installs for this user only: the package in ~/.local/share/bogen-app, the bogen command in ~/.local/bin. It never uses sudo. On Omarchy it also sets up a user service, a launcher entry, a keybinding and a bar widget; add -s -- --no-omarchy after bash to leave that out.

It needs Node 22.18 or newer and stops with a hint when Node is missing. On Omarchy, after asking: omarchy install dev-env node.

Connecting registers Bogen's MCP server with the client and, for Claude Code and Codex, writes a small skill file. Later, bogen setup does the same again for the person, and bogen install <client> for one client by name.

2. Check the setup

bogen doctor

If ~/.local/bin is not on the PATH of your shell, run ~/.local/bin/bogen doctor. It checks Node, the server, the browser used for screenshots and exports, and each MCP client, and prints the exact fix for every problem. It changes nothing. The line MCP with your client's name must say ok; if it does not, run bogen install with your client's name and check again. Apply the other fixes that matter for what the person wants; ask before any that needs sudo. Tailscale and the phone are optional.

3. Have the session restarted

Your own session started before Bogen was registered, so you do not have its tools yet. Tell the person to restart you or start a new session; in Claude Code and Codex, /mcp then lists bogen. Give them a line to paste there to carry on: "Continue setting up Bogen: bogen.dev/agent#prove".

4. Prove it works

Do not stop at an installed tool. Open the canvas for the person with bogen open, then over MCP make a file, draw one small real screen (ask what they would like to see, or draw a pricing page), take a screenshot of it with canvas_screenshot, look at your own result and fix what is off. The MCP server's instructions and guide_get tell you how to work on the canvas.

5. Finish

Say what works, what you skipped and what only the person can still do, such as pairing a second device. The guides are at bogen.dev/docs, starting with Getting started.