Connecting AI to Your Vibe

What is MCP?

The Model Context Protocol (MCP) is an open standard that lets AI assistants discover and use tools exposed by external services. When your vibe has a backend, its functions are automatically registered as MCP tools — any compatible client can connect and interact with your vibe's data.

Finding your MCP endpoint

Every full-stack vibe has an MCP endpoint at:

https://{your-username}--{vibe-name}.vibe-coded.ai/mcp/sse

For example:

https://alice--recipe-book.vibe-coded.ai/mcp/sse

Claude Desktop

Open your Claude Desktop settings and add an MCP server:

{
  "mcpServers": {
    "recipe-book": {
      "url": "https://alice--recipe-book.vibe-coded.ai/mcp/sse"
    }
  }
}

Restart Claude Desktop. Your vibe's tools will appear in the tools menu.

Claude Code

Add an MCP server to your project's .mcp.json file:

{
  "mcpServers": {
    "recipe-book": {
      "url": "https://alice--recipe-book.vibe-coded.ai/mcp/sse"
    }
  }
}

Or add it via the command line:

claude mcp add recipe-book \
  --transport sse \
  --url https://alice--recipe-book.vibe-coded.ai/mcp/sse

Cursor

In Cursor, open Settings and navigate to the MCP section. Add a new server with your vibe's SSE endpoint:

{
  "mcpServers": {
    "recipe-book": {
      "url": "https://alice--recipe-book.vibe-coded.ai/mcp/sse"
    }
  }
}

Cursor will discover your vibe's tools and make them available in the AI assistant.

Other MCP clients

Any MCP-compatible client can connect to your vibe. Use the SSE endpoint (/mcp/sse) or the WebSocket endpoint (/mcp/ws) depending on what your client supports.

Transport	Endpoint	Best for
SSE	/mcp/sse	Most clients (recommended)
WebSocket	/mcp/ws	Real-time bidirectional communication

Using AI with your vibe's data

Once connected, your AI assistant can interact with your vibe's data in powerful ways. Here are some examples of what you can do:

Data entry and updates

Add data to your vibe through natural conversation:

"Add a new contact: Jane Smith, jane@example.com,
VP of Engineering at Acme Corp"

"Update the status of the 'Website Redesign' project
to 'In Progress' and set the due date to next Friday"

Querying and analysis

Ask questions about your data and get insights:

"What are my overdue tasks this week?"

"Show me all leads in the pipeline that haven't been
contacted in the last 30 days"

"Summarize the inventory items that are running low"

Working with images and documents

If your AI client supports vision (like Claude), combine it with your vibe's tools:

"Here's a photo of a business card [image]. Add this
person as a new contact in my CRM."

"I'm looking at this receipt [image]. Log the expense
in my tracker with the date and amount."

Downstream actions

Use insights from your vibe's data to take action elsewhere:

"Look at my overdue tasks and draft a status update
email to my team summarizing what's behind schedule"

"Check my event RSVPs and create a seating chart
based on the guest list and dietary preferences"

"Review this week's sales pipeline and suggest which
leads I should follow up with first"