Model Context Protocol (MCP) User Guide

Model Context Protocol (MCP) gives your AI agent access to the real world. Instead of just writing code in isolation, the agent can connect to databases, browse the web, and manage your tools.

This guide will show you exactly how to use MCP in OutcomeDev.

1. Accessing MCP Servers

To connect an agent to a tool, you need to configure an MCP Server.

1. Navigate to the Task Form on the homepage.
2. Look for the Cable/Plug Icon button next to the prompt input.
3. Click it to open the MCP Servers Dialog.

2. Connecting a Server

You can choose from pre-configured servers or add your own.

Using a Preset (Recommended)

We have built-in support for popular tools like Context7, Browserbase, Supabase, and Linear.

1. In the dialog, click on a preset (e.g., Context7).
2. Configure:
   • For Remote Servers (like Context7), just click Connect.
   • For Local Servers (like Browserbase), you may need to provide API keys (e.g., BROWSERBASE_API_KEY).
3. Click Save. The server status will change to Connected.

Adding a Custom Server

If you have your own MCP server (or one from the community):

1. Click the + Add Custom button.
2. Server Type:
   • Remote (SSE): Use this for servers hosted on a URL (e.g., https://my-mcp.com/sse).
   • Local (Stdio): Use this for servers running on your machine (e.g., npx -y @modelcontextprotocol/server-postgres).
3. Details: Enter the Name and the URL/Command.
4. Environment Variables: Add any API keys required by the server.

3. Using the Tool in a Task

Once a server is connected, the agent is aware of it. You just need to ask.

Example: Research & Build

Scenario: You want to build a feature using a library you don't know well.

1. Connect: Ensure Context7 (Web Search) is connected.
2. Prompt:

   "Research the new features in Next.js 15 using Context7. Then, build a small demo page showcasing the use hook."

3. Result:
   • The agent will first call the context7.search tool to read the documentation.
   • It will then use that knowledge to write the correct code in your project.

Example: Database Migration

Scenario: You want to write a migration based on your current schema.

1. Connect: Add a Postgres MCP server connected to your dev database.
2. Prompt:

   "Inspect the users table schema. Create a migration to add a subscription_status column."

3. Result:
   • The agent calls postgres.describe_table to see the current structure.
   • It writes a perfectly aligned migration file.

Best Practices

1. Don't Overload the Context

Only connect the servers you need for the specific task.

• Bad: Connecting Linear, GitHub, Postgres, and Notion for a simple CSS fix.
• Good: Connecting only Linear to read the bug report.
• Why: Every connected tool adds to the system prompt, consuming tokens and potentially distracting the model.

2. Be Specific

If you have multiple tools that do similar things (e.g., two different search tools), tell the agent which one to use.

• "Use Context7 to find the docs..."
• "Use Browserbase to scrape the pricing page..."

3. Progressive Disclosure

For complex workflows, start small.

1. Step 1: "List all tables in the database."
2. Step 2: "Read the schema for the orders table."
3. Step 3: "Write a query to aggregate monthly sales."

This saves tokens compared to dumping the entire database schema into the chat at once.

Troubleshooting

• Server Error: If a local server fails, check the Logs tab in the task view. It often indicates missing environment variables (API keys).
• Agent Ignoring Tool: Explicitly mention the tool name in your prompt (e.g., "Use the Figma tool to...").
• Authentication: For remote servers, ensure you have completed any required OAuth flows.