Every plan

Use Xodia with the Claude app

Add Xodia to Claude as a custom connector and chat your website into shape from the web, the desktop app or your phone. Claude gets 26 tools to read, edit, check and screenshot your site, and every change waits as a draft in Xodia for you to review and save.

Start free Other ways to connect

Free plan. 14-day Pro trial. No charge unless you choose a plan.

New project

Open a site you already have on GitHub, or start a new one from a template.

1Connect your agent2Choose the code3Edit visually

Connect your AI agent

Xodia uses the AI you already pay for (Claude, Cursor and others). It builds, fixes and sets up your site while you watch here.

Connect your AI

Pick how you want to work, then follow the steps. Each command has a Copy button.

MacWindows

From XodiaClaude CodeClaude appOtherBuilt in

Claude on the web, desktop or phone, as a custom connector.

1
Add a custom connector
Open Claude's Add custom connector window in a new tab, or in Claude go to Settings, then Connectors, then Add custom connector.
Open Claude connectors
2
Paste this URL
https://app.xodia.ai/mcpCopy
3
Connect
Click Connect and allow access.
4
Start working
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.

Set up

Add the connector in four steps

The same steps Xodia shows under Connect your AI. You add the connector once, and it works in every chat.

Prefer a terminal? Claude Code gets the same tools, plus Xodia's short commands.

Step 1: Open Claude's Add custom connector window, or in Claude go to Settings, then Connectors, then Add custom connector.
Open the connector window
2
Step 2: Paste this URL.
MCP server URL
```
https://app.xodia.ai/mcp
```
Step 3: Click Connect and allow access.
Step 4: 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.

What to ask

Start a chat with "Use xodia to"

Naming xodia tells Claude to use the connector. Ask for whole pages, small fixes or a review, in your own words.

Use xodia to work on my Xodia requestsClaude picks up what you asked for in Xodia's ask box, one request at a time, and replies there when it's done.
Use xodia to build an about pageClaude adds the page the way your framework expects, with a navigation link and a page title.
Use xodia to fix the broken menu on phonesClaude reads the dev server log, takes a phone screenshot of the preview and fixes the cause.
Use xodia to test the home page's SEOClaude runs a Google PageSpeed Insights test on your live site and works through the failed checks.
Use xodia to make the hero calmerClaude changes the look in your site's own styling system, at phone and desktop sizes.
Use xodia to save a restore pointClaude saves your unsaved changes as a restore point, but only when you ask it to.

Requests from Xodia

Point at an element in Xodia, then let Claude change it

Select an element on the canvas, type what you want and pick a kind. Then ask Claude to work on your Xodia requests: it gets the element's place in your source code, so it edits the right line.

Each step Claude takes shows in Xodia's Agent panel as it happens
Changes wait as a draft until you check them and save
Cancel a request in Xodia and Claude drops it

Rise BakerymainliveDesignContentCodeInsightsSEOAutomationHomeSavedSavePublish

...mainsectiondivh1788px314pxEdit

Rise BakeryMenuClassesVisit

Mill Street, since 1987

Bread baked before sunrise

Sourdough, pastries and coffee on Mill Street, open every day from 7.

See the menu

Country sourdough

Morning buns

Flat white

<h1> Bread baked before sunrise

Make this heading a little smaller on phones

AutoContentDesignPageFixAsk

Built-inYour AI

h1src/pages/Home.tsx:17:11StyleSettingsAll sizesmd and upPhone and upChanges apply on every screen size.Normal

Layout

Display

BlockFlexGridNoneMore

Flex and grid child

Spacing

Size

Position

Typography

Font

display (theme)

Weight

400

Size

60px

Line

1.25

Fluid

FixedFluid

Color

accent

Align

Backgrounds

Borders

Effects

Troubleshooting

If Claude doesn't connect

Four things to check when it won't connect.

Claude asks before each Xodia toolThe first time Claude asks to use each Xodia tool, choose Allow always. It won't ask again for that tool.
The connector doesn't connectCheck that the address is exactly this one, then click Connect again and sign in to Xodia when the window opens.
MCP server URL
```
https://app.xodia.ai/mcp
```
Claude doesn't use XodiaStart your message with "Use xodia to", or name your project, so Claude knows to reach for the connector.
You'd rather run Claude on your computerUse the From Xodia helper instead: Claude Code runs your requests with your own login, and approvals show in Xodia.

Questions

Claude app questions

Does it work on the phone app?

Yes. Xodia works as a custom connector in Claude on the web, the desktop app and the phone app, so you can ask for a change from anywhere and review it in Xodia later.

Does Xodia see my Claude login?

No. Claude signs in to Xodia with OAuth and keeps its own login. Xodia charges nothing for the work Claude does; it runs on your own Claude plan.

Can Claude publish my site without me?

No. Its edits wait as a draft in Xodia, it saves a restore point only when you ask, and it can't save to the live branch of a site imported from GitHub. Publishing stays a button in Xodia.

Claude app or Claude Code?

Both connect the same way and get the same tools. Claude Code adds Xodia's short commands and runs in your terminal; the Claude app suits chats on the go. See Claude Code.

Keep exploring

Other ways to connect

Connect Claude and start editing.

Start free See pricing