Hosted MCP setup

Connect Quick Proto to your coding agent

Quick Proto runs a hosted MCP server. Add this URL to your AI coding agent, sign in with OAuth, then ask your agent to publish a prototype whenever you want a shareable preview link.

Hosted MCP URL

Server URL
https://quick-proto.co.uk/api/mcp

Setup in three steps

1

Sign in to Quick Proto

Create a free account or sign in before connecting your editor.

Create account
2

Add the hosted MCP server

Choose your agent below and paste the URL or config block it expects.

3

Approve OAuth

When your agent opens a browser, sign in to Quick Proto and approve access. No API key is needed for hosted MCP.

Agent guides

Pick your coding agent

Want your agent to do it?
Please connect this project to Quick Proto's hosted MCP server.

MCP URL: https://quick-proto.co.uk/api/mcp

Use the MCP setup format for the coding agent or editor we are in. If this app supports OAuth for remote MCP servers, help me complete the browser sign-in with my Quick Proto account. When setup is done, reload MCP tools if needed and confirm that the quick-proto tools are available.

Cursor

Cursor chat and agents

Open Cursor Settings > MCP, add a new MCP server, paste the Quick Proto config, then reload MCP.

Cursor config
{
  "mcpServers": {
    "quick-proto": {
      "url": "https://quick-proto.co.uk/api/mcp"
    }
  }
}

Claude Code

Terminal coding sessions

Run claude mcp add --transport http --scope user quick-proto https://quick-proto.co.uk/api/mcp, then restart or reload Claude Code.

Use project scope instead of user scope if you only want Quick Proto available in one repo.

Claude Desktop / Claude.ai

Claude app projects and connectors

Open Settings > Connectors, choose Add custom connector, name it Quick Proto, and use the MCP URL below.

Claude's connector UI is usually easier than editing a desktop config file for hosted MCP.

Hosted MCP URL
https://quick-proto.co.uk/api/mcp

VS Code + GitHub Copilot

Copilot agent mode

Open MCP: Add Server from the Command Palette, choose HTTP, paste the MCP URL, and save it to your user or workspace settings.

VS Code settings shape
{
  "servers": {
    "quick-proto": {
      "type": "http",
      "url": "https://quick-proto.co.uk/api/mcp"
    }
  }
}

Windsurf

Cascade agent workflows

Open Windsurf Settings > Cascade > MCP, edit MCP config, add the Quick Proto server, then refresh MCP tools.

Windsurf config
{
  "mcpServers": {
    "quick-proto": {
      "serverUrl": "https://quick-proto.co.uk/api/mcp"
    }
  }
}

Codex

OpenAI Codex CLI sessions

Add the server with codex mcp add quick-proto --url https://quick-proto.co.uk/api/mcp or add the TOML block below to your Codex config.

Codex TOML
[mcp_servers.quick-proto]
url = "https://quick-proto.co.uk/api/mcp"

Gemini CLI

Gemini terminal agents

Open your Gemini settings file, add Quick Proto under mcpServers, and restart the CLI session.

Gemini settings shape
{
  "mcpServers": {
    "quick-proto": {
      "httpUrl": "https://quick-proto.co.uk/api/mcp"
    }
  }
}

Try it

Once connected, ask your agent:

Share this prototype with my team.
Your assistantjust now

Share this prototype with my team.

Done. Here is a link anyone can open in a browser:

https://your-prototype.quick-proto.co.uk

Quick checks

  • Hosted MCP uses OAuth. API keys are only for CLI or scripted uploads.
  • The server URL should end with /api/mcp.
  • If tools do not appear, reload MCP tools or restart the editor after saving config.

Ready to share prototypes?

Create an account, connect your agent, and publish your first preview link from the editor.

Start sharing freeBack to home