Build a Website with VS Code

Vibesites works with MCP-enabled AI assistants in VS Code, so you can build and publish complete websites without leaving your editor. Describe the site you want and Vibesites generates and ships it.

Connect Vibesites to VS Code

Add the Vibesites MCP server to your VS Code AI assistant’s MCP configuration and provide your Vibesites API key. The hosted server requires no local install.

Getting Started Guide

How to build a website with VS Code

  1. 1

    Connect Vibesites once

    Add the hosted Vibesites MCP server to VS Code. It takes about 30 seconds and you only do it once — after that, your AI assistant can build websites for you.

  2. 2

    Describe your business

    Tell VS Code what you do — for example, “Build a landing page for my coffee roastery in Lisbon with online ordering.” Vibesites generates real copy, sources images, and designs a production-quality, mobile-ready site.

  3. 3

    Refine by chatting

    Iterate in plain language: “make the hero darker,” “add a testimonials section,” “add a contact form.” Each change publishes instantly to a global CDN.

  4. 4

    Publish on a custom domain

    Ask VS Code to buy a new domain or connect one you already own. Vibesites configures DNS and provisions SSL automatically, so your site goes live on your own domain in minutes.

Frequently asked questions

Can I build a website from VS Code with AI?

Yes. With the Vibesites MCP server connected to your MCP-enabled AI assistant in VS Code, you can create a site, write files, source images, add forms, set a custom domain, and publish — all from the editor.

How do I add Vibesites to VS Code?

Add the hosted Vibesites MCP server to your VS Code AI assistant’s MCP configuration with your Vibesites API key. Setup takes about 30 seconds.

Can I publish on my own domain?

Yes. Buy a domain through Vibesites or connect one you own — DNS and SSL are configured automatically.

Start building for free

Connect Claude to Vibesites in 30 seconds. No credit card required.