Skip to content
Start free
Every plan

Use Xodia with Claude Code

Xodia's plugin connects Claude Code to your Xodia projects and adds 8 short commands, from /xodia:build to /xodia:speed. Claude Code reads, edits, checks and screenshots your site with 26 tools, follows 39 core skills, and leaves every change as a draft in Xodia for you to review.

Start freeOther ways to connect

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

Xodia's New project dialog on its first step, Connect your AI agent, with the Claude Code tab open: install the Xodia plugin with two terminal commands, sign in with /mcp, try /xodia:build, and an optional permission rule.

Set up

Install the plugin, sign in, start building

These are the steps Xodia shows under Connect your AI, with the same commands. Copy each one into your terminal or into Claude Code.

No Claude Code yet? Install it first with the command in the From Xodia steps.

  1. Step 1: Open Terminal (Mac) or PowerShell (Windows). No Claude Code yet? Install it first, as in the From Xodia steps.

  2. Step 2: Add Xodia's plugin marketplace.

    Terminal
    claude plugin marketplace add https://app.xodia.ai/plugin/marketplace.json

  3. Step 3: 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.

    Terminal
    claude plugin install xodia@xodia

  4. Step 4: Restart Claude Code, type /mcp, choose xodia and sign in.

  5. Step 5: Try it: run /xodia:build with what you want. To pick up requests you send from Xodia, run /xodia:work.

    In Claude Code
    /xodia:build a landing page for my bakery

  6. Step 6: Optional: stop the approval prompts. Run /permissions and allow this rule.

    Permission rule
    mcp__plugin_xodia_xodia__*
Set it up without the plugin

  1. Step 1: Add Xodia as an MCP server instead of the plugin. Commands then read /mcp__xodia__build.

    Terminal
    claude mcp add --transport http --scope user xodia https://app.xodia.ai/mcp

  2. Step 2: The permission rule is then this one.

    Permission rule
    mcp__xodia__*

What to type

8 commands for the jobs you do most

Type a command with what you want after it. Claude Code loads the right skills for the job and works on the project you name, or asks which one.

  • /xodia:build <what to build>Build or redesign a Xodia website from a description
  • /xodia:work [project name]Listen for change requests from Xodia and work through them
  • /xodia:animate <what should move, and when>Add interactions and animation to a Xodia site: hover, reveals, scroll effects, page transitions
  • /xodia:content <what to add or change>Add or change CMS content and collections on a Xodia site: posts, projects, team, drafts
  • /xodia:fix [what looks wrong]Find and fix what's broken in a Xodia preview
  • /xodia:review [project name]Review a Xodia project's unsaved changes before saving
  • /xodia:seo [page or goal]Check and improve a Xodia site's SEO and AI search readiness
  • /xodia:speed [page]Make a Xodia site load faster

Requests from Xodia

Point at the page, let Claude Code do the work

Run /xodia:work and Claude Code waits for requests you send from Xodia's ask box. Select an element on the canvas, say what you want and send; Claude Code picks it up with the element's place in your source code.

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

The ask box under the canvas: a request about the selected heading is typed, the Agent panel's Activity tab lists each step the AI takes, and the opening hours appear on the page.

Troubleshooting

If something doesn't connect

Four things to check when the setup stalls, with the commands that fix them.

  • The claude command isn't foundClaude Code isn't installed yet. Install it with the command for your system, then close and reopen the terminal.
    Terminal on a Mac
    curl -fsSL https://claude.ai/install.sh | bash
    PowerShell on Windows
    irm https://claude.ai/install.ps1 | iex
  • The plugin won't installThe Xodia plugin needs Claude Code 2.1.224 or later. Update Claude Code, then run the two install commands again.
  • The /xodia commands don't appearRestart Claude Code, type /mcp, choose xodia and sign in.
  • Claude Code asks before every toolRun /permissions in Claude Code and allow this rule, so Xodia's tools run without a prompt each time.
    Permission rule
    mcp__plugin_xodia_xodia__*

Questions

Claude Code questions

Do I need the plugin?

No. The plugin adds the connection and the /xodia commands in one step. You can add Xodia as an MCP server instead with claude mcp add --transport http --scope user xodia https://app.xodia.ai/mcp; commands then read /mcp__xodia__build, and the permission rule becomes mcp__xodia__*.

Does Xodia see my Claude login?

No. Claude Code signs in to Xodia with OAuth and keeps its own Claude login. Xodia never asks for your Claude account, and charges nothing for the work Claude Code does.

Can Claude Code 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.

Which Xodia plans include it?

Every plan, the free one too. Compare plans for preview hours, projects and the stack packs each plan adds.

What should I try first?

Run /xodia:build a landing page for my bakery in Claude Code, with your own words after /xodia:build. Then try /xodia:work and send a request from Xodia's ask box.

Keep exploring

Other ways to connect

Connect Claude Code and start building.

Start freeSee pricing