Livestream: Make AI Match Your System

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io

Livestream: Make AI Match Your System

Announcing Visual Copilot - Figma to production in half the time

for developers

Builder can leverage multiple external tools when designing your Project with Builder. All integrations can be access on the Integrations page.

When running Builder projects you can configure local MCP servers to run as child process. This enables Builder to access local databases, development tools, and internal services.

Connecting to a local MCP server works as follows:

  1. Builder looks for a local mcp.json file.
  2. Each server mentioned in the configuration file is spawned as a child process.
  3. Tools are registered with the naming pattern: mcp__servername__toolname.
  4. Builder automatically uses these tools when relevant.
  5. Processes are cleaned up when the session ends.

Your mcp.json file should live within the root directory and have the following format:

{
  "mcpServers": {
    "database": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-postgres", "${DATABASE_URL}"],
      "env": {
        "DATABASE_URL": "postgresql://localhost:5432/mydb"
      }
    }
  }
}
FieldRequired?DescriptionExample

type

Yes

Connection type (always "stdio" for local servers)

"stdio"

command

Yes

Command to execute the server

npx, node, python

args

No

Arguments passed to the execution command

["-y", "server-name"]

env

No

Environment variables for the server

{"API_KEY": "${API_KEY}"}

envFile

No

Path to load environment variables from

".env"

Was this article helpful?