Documentation
Xodia docs
Xodia is a visual editor for your website's real code. These guides show you how to set it up, connect your AI, edit your site and publish it through the host you already use.
The Xodia canvas at the Phone breakpoint with Edit on: the Navigator lists the page's layers, the selected heading is outlined on the live preview of a bakery site, and the design panel shows its style.
Start here
The six things most people do first, in order.
- Create your accountSign up with email, GitHub or Google, verify your email address, add a card to start the free Pro trial, and what the trial includes.
- Start or import a projectCreate a project from one of five starters or import a site from GitHub, connect your AI on the way, and what happens at your plan's project limit.
- Ways to connect your AICompare the ways to bring your own AI to Xodia: the Xodia helper, Claude Code, the Claude app, and Cursor, Codex, VS Code or any other MCP app.
- Save, restore and publishHow drafts work in Xodia: unsaved changes, Save to a branch, Discard, restore points, and Publish, which merges into your live branch for your host.
- Connect your hostWhat connecting Vercel, Netlify or Cloudflare adds to Xodia: your live address, deploys, build logs and variables, who can connect, and how to disconnect.
- Plans, trial and limitsWhat each Xodia plan includes, how the free trial works, and what happens when you reach a limit, run out of preview hours or change plans.
Set up your AI
Connect the AI app you already use, then ask it to work on your site. Every plan includes it. For the helper that runs from Xodia's ask box, and every other way, see Ways to connect your AI.
Open Terminal (Mac) or PowerShell (Windows). No Claude Code yet? Install it first, as in the From Xodia steps.
Add Xodia's plugin marketplace.
Terminalclaude plugin marketplace add https://app.xodia.ai/plugin/ marketplace.json Install the Xodia plugin. It adds the connection and short commands; skills load from your Xodia account. Needs Claude Code 2.1.224 or later.
Terminalclaude plugin install xodia@xodiaRestart Claude Code, type /mcp, choose xodia and sign in.
Open Claude's Add custom connector window, or in Claude go to Settings, then Connectors, then Add custom connector.
Paste this URL.
MCP server URLhttps://app.xodia.ai/mcp Click Connect and allow access.
In a chat, ask: "Use xodia to work on my Xodia requests." The first time Claude asks to use each Xodia tool, choose Allow always.
Add a remote MCP server: type Streamable HTTP, sign-in with OAuth, and this URL.
MCP server URLhttps://app.xodia.ai/mcp Sign in to Xodia when the app asks, then ask it to work on your Xodia requests.
Then paste this into your AI to pick up what you ask for in Xodia:
Use xodia to work on my Xodia requests.Browse the docs
Get started
User manual
AI and MCP
Integrations
Reference