Skip to content
Sign inJoin waitlist

Connect Framebrick to Claude

Add the Framebrick MCP server (https://mcp.framebrick.co, free, no account, no key) to Claude. The steps follow Claude’s own documentation (Claude: custom connectors with remote MCP); we have not run Claude ourselves. We tested the server with the official MCP TypeScript client.

These are the steps for Claude on the web and Claude Desktop. For the terminal agent see Claude Code.

Add the connector

Section titled “Add the connector”
  1. Open Customize, then Connectors.
  2. Click + Add, then Add custom connector.
  3. Enter a name (Framebrick) and the URL https://mcp.framebrick.co, then click Continue.
  4. Under authentication choose No sign in.
  5. Click Add.

Custom connectors are available on the Free, Pro, Max, Team and Enterprise plans; a Free account can add one. On Team and Enterprise an Organization Owner adds the connector first under Organization settings, then Connectors, and members turn it on in their own Customize, Connectors.

Remote connectors are added in this screen, not in claude_desktop_config.json (that file is for local servers). Claude connects from Anthropic’s servers, which works because our server is public.

Then

Section titled “Then”
  • Add the registry to your project’s components.json so the install commands resolve: see the MCP server page.
  • Install the Agent Skills: curl -fsSL https://framebrick.co/install | node -.
  • Ask in plain language: “Plan a landing page for a branding studio from Framebrick blocks.”