Skip to content
Sign inJoin waitlist

Connect Framebrick to Zed

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

Add the server

Section titled “Add the server”

Open the Agent Panel settings (Settings, AI, MCP Servers), choose Add Server and then Add Remote Server. Or add it to your Zed settings:

{
  "context_servers": {
    "framebrick": {
      "url": "https://mcp.framebrick.co"
    }
  }
}

Check it

Section titled “Check it”

A green dot beside the server’s name in Settings, AI, MCP Servers with the tooltip Server is active means it is connected.

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.”