Install Hatch on your AI tool
Hatch is Vibe Rooster's MCP connector β it lets your AI assistant publish a live website at https://your-name.theroost.dev in one tool call. No API key, no sign-in, no cloud account.
Server URL
https://mcp.theroost.dev/mcp
Claude.ai & Claude Desktop
Recommended. Claude connects directly over Streamable HTTP β no local install.
Claude.ai (web)
- Open Settings β Connectors.
- Click Add custom connector.
- Paste
https://mcp.theroost.dev/mcpand set authentication to None. - Save. Start a new chat and enable the Hatch connector for that conversation.
Custom connectors require Claude Pro, Max, Team, or Enterprise.
Claude Desktop (macOS, Windows, Linux)
Use the same Settings β Connectors β Add custom connector flow as Claude.ai. Fully quit and reopen Claude Desktop after adding β a window reload is not enough.
If your plan does not support custom connectors, use the mcp-remote bridge (requires Node 20+ on your PATH). Edit your Claude Desktop config:
| OS | Config file |
|---|---|
| macOS | ~/Library/Application Support/Claude/claude_desktop_config.json |
| Windows | %APPDATA%\Claude\claude_desktop_config.json |
| Linux | ~/.config/Claude/claude_desktop_config.json |
{
"mcpServers": {
"hatch": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://mcp.theroost.dev/mcp", "--transport", "http-only"]
}
}
}
Quit and relaunch Claude Desktop after saving.
Claude Code
From any terminal (macOS, Windows, Linux):
claude mcp add --transport http hatch https://mcp.theroost.dev/mcp
Or add to a project-scoped .mcp.json in your repo root:
{
"mcpServers": {
"hatch": {
"type": "http",
"url": "https://mcp.theroost.dev/mcp"
}
}
}
Cursor
Cursor supports remote MCP over Streamable HTTP. Add Hatch globally or per project.
Option A β Settings UI
- Open Cursor Settings β Tools & MCP.
- Click New MCP Server (or edit the JSON directly).
- Add the Hatch entry below and reload Cursor.
Option B β Config file
| Scope | Path |
|---|---|
| Global (all projects) | ~/.cursor/mcp.json on macOS/Linux Β· %USERPROFILE%\.cursor\mcp.json on Windows |
| Project only | .cursor/mcp.json in your project root |
{
"mcpServers": {
"hatch": {
"url": "https://mcp.theroost.dev/mcp"
}
}
}
No headers or auth token needed. Restart Cursor or reload the window after saving.
Windsurf
- Open the Command Palette (Cmd+Shift+P on Mac, Ctrl+Shift+P on Windows).
- Run Windsurf: Configure MCP Servers (or click the hammer icon in Cascade β Configure).
- Add Hatch to
~/.codeium/windsurf/mcp_config.json(Windows:%USERPROFILE%\.codeium\windsurf\mcp_config.json).
serverUrl for remote servers β not url. Copying a Cursor config without changing the field name will silently fail.{
"mcpServers": {
"hatch": {
"serverUrl": "https://mcp.theroost.dev/mcp"
}
}
}
Click Refresh in the Cascade MCP toolbar after saving.
Other MCP clients
Any client that speaks local stdio but not remote HTTP can bridge with mcp-remote (Node 20+). Merge this into your client's MCP config file:
{
"mcpServers": {
"hatch": {
"command": "npx",
"args": ["-y", "mcp-remote", "https://mcp.theroost.dev/mcp", "--transport", "http-only"]
}
}
}
Works with VS Code extensions, Cline, Zed (via external MCP), and other stdio-based setups. Clients that support Streamable HTTP natively should use the URL directly instead.
Try it β example prompts
Once Hatch shows as connected (you should see tools like hatch, upload, and lookup), paste any of these into your assistant:
More help
- Connect to Claude β detailed tool reference, tiers, and limits
- Privacy Policy β what Hatch stores and for how long
- hello@viberooster.com β questions and feedback