ContextQMD
Back to Vibe Kanban

Connecting MCP Servers

docs/integrations/mcp-server-configuration.mdx

0.1.03.0 KB
Original Source
<Note> This page covers configuring MCP servers **within** Vibe Kanban for your coding agents. For connecting external MCP clients to Vibe Kanban's MCP server, see the [Vibe Kanban MCP Server](/integrations/vibe-kanban-mcp-server) guide. </Note>

Overview

MCP servers provide additional functionality to coding agents through standardized protocols. You can configure different MCP servers for each coding agent in Vibe Kanban, giving them access to specialized tools like browser automation, access to remote logs, error tracking via Sentry, or documentation from Notion.

Accessing MCP Server Configuration

  1. Navigate to Settings in the Vibe Kanban interface
  2. Click on MCP Servers in the settings sidebar
  3. Select the coding agent you want to configure MCP servers for from the Agent dropdown
<Frame> </Frame>

Vibe Kanban provides one-click installation for popular MCP servers. Click a card to insert a pre-configured MCP server into the JSON configuration.

<Frame> </Frame>

Adding Custom MCP Servers

You can also add your own MCP servers by configuring them manually:

<Steps> <Step title="Select Coding Agent"> Choose the coding agent you want to configure MCP servers for from the **Agent** dropdown. </Step> <Step title="Update Server Configuration JSON"> In the **Server Configuration (JSON)** editor, add your custom MCP server configuration. The JSON will show the current configuration for the selected agent, and you can modify it to include additional servers.

Example addition:

json
{
  "mcpServers": {
    "existing_server": {
      "command": "npx",
      "args": ["-y", "some-existing-server"]
    },
    "my_custom_server": {
      "command": "node",
      "args": ["/path/to/my-server.js"]
    }
  }
}
</Step> <Step title="Save and Test"> After updating the JSON configuration:
  1. Click Save to apply changes
  2. Test the configuration by using the agent with MCP functionality
  3. Check agent logs for any connection issues
<Check> These changes update the global configuration file of the coding agent and will persist even if you stop using Vibe Kanban. </Check> </Step> </Steps>

Best Practices

<Tip> **Server Selection**: Choose MCP servers that complement your coding agent's primary function. For example, use Playwright for agents focused on web development. </Tip> <Tip> **Limit MCP Servers**: Avoid adding too many MCP servers to a single coding agent. Too many servers and tools will degrade the effectiveness of coding agents by overwhelming them with options. </Tip>

Next Steps