Claude Code

Add the server

Run this once in any terminal. --scope user makes Floo available in every project; leave it out to add it to the current project only.

claude mcp add --transport http --scope user floo https://worker.floo.design/mcp

For the Apps library on its own:

claude mcp add --transport http --scope user floo-apps https://worker.floo.design/mcp/apps

Sign in

1. Start Claude Code and type /mcp.
2. Pick floo and choose Authenticate.
3. Approve access in the browser tab that opens.

claude mcp list shows the server as connected once you are signed in.

Share it with a project

To give everyone who works in a repository the same server, commit a .mcp.json at its root (claude mcp add … --scope project writes it for you). Each person still signs in as themselves.

{
  "mcpServers": {
    "floo": {
      "type": "http",
      "url": "https://worker.floo.design/mcp"
    }
  }
}

Without a browser

On a server or in CI, use an agent key instead of OAuth:

claude mcp add --transport http --scope user floo https://worker.floo.design/mcp \
  --header "Authorization: Bearer $FLOO_AGENT_KEY"

Start designing

Open the Connect agent dialog on a canvas and paste its starter message, or name the canvas yourself:

Work on Floo canvas cnv_8hQ2x. Start with get_guide and follow it.

To remove the server: claude mcp remove floo.