# Connect an MCP server for website building URL: https://xodia.ai/guides/connect-mcp-server-website Description: Connect an MCP server for website building to Claude Code, Cursor, Codex or any MCP app, so your AI can build, edit and check your site in real code. Last updated: 2026-11-08 An [MCP](https://xodia.ai/glossary/mcp) server for website building gives your AI app the tools to work on a real site: add Xodia's server to Claude Code, Cursor, Codex or any MCP app, sign in, and your AI can build, edit, check and save your site while you watch the live preview. Updated October 28, 2026 [Start free](https://app.xodia.ai/auth/sign-up?ref=guides-connect-mcp-server-website) [MCP reference](https://xodia.ai/ai/mcp) Free plan. No card needed. Step by step ## How to connect an MCP server for website building The same five steps for every MCP app. Only where you paste the URL changes. 1. 1 Create a workspace and a project Sign up for Xodia and add your site: pick a starter, import a repository from GitHub, or import a live site by its address. The project's live preview is what your AI will work on. 2. 2 Add Xodia's MCP server to your AI app Add a remote MCP server with this URL: https://app.xodia.ai/mcp. Choose [Streamable HTTP](https://xodia.ai/glossary/streamable-http) if the app asks for a transport, and [OAuth](https://xodia.ai/glossary/mcp-oauth) for sign-in. In Claude Code, the Xodia plugin adds it for you; in the Claude app, add it as a custom connector. 3. 3 Sign in to Xodia Your AI app opens Xodia's sign-in page. Allow access to your workspace, and the app can now see your projects. 4. 4 Ask it to build or to work on your requests Ask for a page or a change in your AI app, or select an element in Xodia, type a request in the ask box and ask your AI to work on your Xodia requests. In Claude Code, /xodia:build and /xodia:work do both. 5. 5 Review the change and push it Watch the change happen on the live preview. It stays in Xodia until you review it and push it to a branch; your host deploys it when you choose Deploy. What your AI gets ## Tools, prompts and skills for your site Xodia's server offers 54 tools in groups: projects, workspace and preview, files, checks and logs, selection, checkpoints, requests from Xodia, review comments, site plan, CMS, forms, languages, pages and folders, skills, deploys, SEO and speed and screenshots. It also offers 9 prompts and 56 core skills, written by developers with 18+ years of building websites. - Prompts are ready-made jobs, such as build, work, animate - Skills tell your AI how to do each kind of change well, and stack packs add what your framework, CMS and host need - Checks for design, copy and links let your AI test its own work before it hands it to you Content ## Manage CMS content with your AI Your AI can run your Xodia CMS too. Ask it to create a Team collection with a name, role and photo and add your five people, or to add ten blog posts from your notes, and it uses the CMS tools: list_collections, get_collection, create_collection, update_collection, list_items, get_item, create_items, update_item and delete_items. - Every value is checked against the collection's fields before it is written, so a wrong type or a missing required field is refused with the reason - It follows your plan's collection and item limits - Its writes are unsaved changes you see in the Content tab and on the canvas, ready for you to review - Pages and folders tools add and move pages with their links and [redirects](https://xodia.ai/glossary/redirect), and sync_site_plan keeps the site plan in step - Collections in detail: [CMS collections](https://docs.xodia.ai/content) Your app ## Pick the steps for your AI app Each app adds a remote server in its own place. Xodia's setup guide shows the exact steps for each, inside the app and on these pages. - [Claude Code](https://xodia.ai/ai/claude-code), with the Xodia plugin - [The Claude app](https://xodia.ai/ai/claude), as a custom connector - [Cursor](https://xodia.ai/ai/cursor), [Codex](https://xodia.ai/ai/codex) and [VS Code](https://xodia.ai/ai/vs-code), as a remote server Questions ## Questions about MCP for websites **Do I need to run a server myself?** No. Xodia's MCP server is part of the Xodia app. Your AI app connects to it over the internet; nothing runs on your computer for it. **Which AI pays for the work?** The AI app you connect, on your own plan with it. **Can my AI deploy without me?** No. Its changes stay in Xodia for you to review and push, and Deploy is yours to press. Your AI acts with your role, so it can't do what you can't. **Which plans include MCP access?** Free, Starter, Pro and Agency. See [pricing](https://xodia.ai/pricing). Keep exploring ## Related guides and pages - [Edit a site built with Claude Code, visually Open the code your AI wrote and change it by clicking](https://xodia.ai/guides/edit-claude-code-site-visually) - [Build a React Router website with AI Plan and build a multi-page React Router site](https://xodia.ai/guides/build-react-router-website-ai) - [Edit an AI-built site exported to GitHub Import the repo an AI tool made and keep editing](https://xodia.ai/guides/edit-ai-built-site-github) - [MCP reference Endpoint, sign-in, tools and errors](https://xodia.ai/ai/mcp) - [Connect your AI Setup steps for each AI app](https://xodia.ai/ai) - [Agent skills The skills your AI follows](https://xodia.ai/product/agents) [See every guide](https://xodia.ai/guides) Primary sources ## Official docs Updated October 28, 2026 - [Model Context Protocol specification](https://modelcontextprotocol.io/specification/2026-07-28) - [MCP transports, Streamable HTTP](https://modelcontextprotocol.io/specification/2026-07-28/basic/transports) - [MCP authorization, OAuth](https://modelcontextprotocol.io/specification/2026-07-28/basic/authorization) - [Connect Claude Code to tools via MCP, Claude Code docs](https://code.claude.com/docs/en/mcp) - [Model Context Protocol, Cursor docs](https://cursor.com/docs/mcp) ## Connect your AI to your site. [Start free](https://app.xodia.ai/auth/sign-up?ref=guides-connect-mcp-server-website-cta) [See pricing](https://xodia.ai/pricing)