Getting Started

Vibesites is an AI website builder that connects to Claude via MCP (Model Context Protocol). You describe what you want in plain English, and Claude creates a real, production-quality website — deployed to Cloudflare CDN with a free subdomain.

1. Sign up and get your API key

Create a free account at vibesites.dev/signup. After signing in, go to Account Settings to find your API key.

Your API key looks like vibe_live_a3f8c1.... This key authenticates all your MCP requests. Keep it private.

2. Connect to Claude

Choose your Claude client:

Claude Desktop (recommended)

1. Open Claude Desktop
2. Go to Settings → Connectors
3. Click Add custom connector
4. Paste your MCP URL:

https://vibesites.dev/api/mcp?key=vibe_live_YOUR_KEY

Claude Code (CLI)

Create a .mcp.json file in your project directory:

{
  "mcpServers": {
    "vibesites": {
      "type": "url",
      "url": "https://vibesites.dev/api/mcp?key=vibe_live_YOUR_KEY"
    }
  }
}

3. Build your first site

Once connected, ask Claude to create a website. Be specific about your business:

"Create a landing page for my coffee shop, Bean & Brew,
in downtown Portland. Dark warm tones, a hero with our
tagline 'Crafted with care since 2019', menu section
with our espresso drinks, and a contact form."

Claude will ask 5 clarifying questions about your business, audience, visual identity, and content. Then it will:

1. Create a site with a professional template
2. Search for relevant stock photos and upload them
3. Customize the HTML, CSS, colors, and copy for your business
4. Publish to your free subdomain (e.g., bean-and-brew.vibesites.link)

4. Edit with natural language

After your site is live, keep talking to Claude to make changes:

• "Make the hero section darker and add a background image"
• "Add a testimonials section with 4 cards"
• "Change the primary color to navy blue"
• "Add a new page called About Us with our team bios"
• "Run an SEO audit and fix any issues"