Connect Framebrick to Kilo Code

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

Add the server

In the VS Code extension open Settings, MCP, choose Add Server and Remote (HTTP), and enter the URL. Or add it to kilo.jsonc (project, or .kilo/kilo.jsonc) or ~/.config/kilo/kilo.jsonc for every project:

{
  "mcp": {
    "framebrick": {
      "type": "remote",
      "url": "https://mcp.framebrick.co",
      "enabled": true
    }
  }
}

That is the format in Kilo’s current documentation. An older version of Kilo Code may still read a different file (.kilocode/mcp.json); we did not check it. Kilo tries Streamable HTTP first and falls back to SSE.

Check it

The server is listed under Settings, Agent Behaviour, MCP Servers.

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