Connect agents to your Clearly workspace — MCP, the Canvas API, and the Beehaven CLI, with per-agent guides for Claude Code, Codex, Gemini, and pi. Plus the design-canvas manual and Shopify.
Sign in, connect over MCP with browser OAuth, verify, and drive the canvas + company brain
Connect Claude Code, Cursor, or any MCP agent - search your context, write decisions back, inherit team skills
perceive → act → catalog: how an agent sees and builds a composition, headless (no browser tab)
Drive your workspace from the terminal - connect + call
Three ways to connect Claude Code - the hosted MCP server, the Beehaven CLI, or the Mac app that bundles both
Connect OpenAI Codex - the MCP server via config.toml + OAuth, the Beehaven CLI, or the Mac app that runs Codex on your login
Connect the Gemini CLI - gemini mcp add + OAuth, the Beehaven CLI, or the Mac app running Gemini on your Log in with Google session
Connect the pi coding agent - its bash tool runs the Beehaven CLI (recommended), the Mac app BYOK room, or MCP via a bridge
How to use the design canvas by hand: the interface, getting started, and the nine chapters below
Every tool, and the complete shortcut reference
Screen and print presets, clipping, constraints, pages
The type inspector, variable fonts, and saved text styles
Shapes, the pen, editing points, booleans, strokes
Fills, color styles, shadow, blur, gradient, blend
Auto layout, align, distribute, group, z-order
Reusable components, variants, and instance overrides
Wire click-through interactions and play a flow
Copy CSS, export PNG/SVG/PDF, bleed, marks, cut lines