Edit your website with the AI you already use
Xodia connects Claude Code, the Claude app, Cursor, Codex and any MCP app to your site. Your AI gets 26 tools and 8 prompts to read, edit, check and save the code, 39 core skills that tell it how, and the element you selected in the editor. It runs on your own AI subscription.
Free plan. 14-day Pro trial. No charge unless you choose a plan.
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.
Requests from the editor
Point at it and ask
Select an element, type what you want and pick a kind, or leave it on Auto. Your AI picks the request up with the element's place in your source code, so it edits the right line.
- Kinds tell your AI which skills to follow: Content, Design, Page, Fix or Ask
- Each step your AI takes shows in the Agent panel's Activity, then its reply
- Changes wait as a draft for you to check and save, like your own edits
The ask box under the canvas with the selected heading in it, a typed request, the request kinds with Design chosen, and Your AI as the one to send it to.
Your AI helper
Every planRun Claude Code from Xodia's ask box
The Xodia helper runs your requests with Claude Code on your own computer and your own Claude login, and shows every step and approval in Xodia's ask box.
- Install Claude Code once and sign in with your own Claude account
- Copy the command Xodia gives you into your terminal and leave it running
- Choose Your AI in the ask box and send; approvals show right there
The ask box with Your AI chosen: a card explains that the Xodia helper runs requests with your own Claude Code on your computer, with Get the command and the option to send to your AI app instead.
MCP tools
The tools your AI works with
Xodia is a remote MCP server. Any app that speaks MCP signs in with OAuth and gets these 26 tools, grouped by what they do.
Projects
list_projectsLists your workspace's website projects and when each was last opened.create_projectStarts a new website from Xodia's starter template.
Workspace and preview
open_workspaceStarts the project's live preview and shares its Xodia link.get_projectReads the site's framework, styling, CMS, host, editing tier, branch and unsaved changes.
Files
list_filesLists the project's files with their sizes.read_fileReads a file, with line numbers.write_fileCreates or replaces a file.edit_fileChanges part of a file by exact replacement, so edits stay small and safe.search_filesSearches the code for text or a pattern.delete_fileDeletes a file or folder.move_fileMoves or renames a file or folder.
Checks and logs
run_checkRuns a typecheck or a production build and reports every error.get_logsReads the dev server log: compile errors, warnings and reloads.
Selection
get_selectionGets the element you selected in Xodia, with its place in the source.
Checkpoints
save_checkpointSaves the unsaved changes as a restore point, when you ask it to.list_checkpointsLists restore points, newest first.restore_checkpointTakes the site back to an earlier restore point without losing current work.
Requests from Xodia
get_next_requestWaits for the next change you ask for in Xodia and picks it up.reply_to_requestPosts progress and the result back to you in Xodia.get_requestChecks a request's status, so cancelled work is dropped.
Skills
get_skillLoads one of Xodia's skills for the work at hand.
Deploys
deploy_statusShows the latest deploy on your host: state, address and log link.deploy_logsReads a failed build's log so your AI can fix it.
SEO and speed
run_seo_testTests a live page with Google PageSpeed Insights: scores, Core Web Vitals and failed checks.get_seo_reportReads the latest PageSpeed result without using a test.
Screenshots
take_screenshotCaptures the live preview in a real browser, at desktop or phone size, with console errors.
Prompts and commands
8 ready-made jobs to start from
In Claude Code, Xodia's plugin turns them into short commands. Other apps list them as prompts.
/xodia:buildBuild or redesign a Xodia website from a description/xodia:workListen for change requests from Xodia and work through them/xodia:animateAdd interactions and animation to a Xodia site: hover, reveals, scroll effects, page transitions/xodia:contentAdd or change CMS content and collections on a Xodia site: posts, projects, team, drafts/xodia:fixFind and fix what's broken in a Xodia preview/xodia:reviewReview a Xodia project's unsaved changes before saving/xodia:seoCheck and improve a Xodia site's SEO and AI search readiness/xodia:speedMake a Xodia site load faster
Skills
Skills that teach your AI your stack
Skills are short guides your AI loads for the job at hand: 39 core skills in 9 groups for any site, plus 30 stack pack skills for the framework, styling, CMS and host your site uses.
- Frameworks: Next.js, Astro, Vite and React, HTML sites, React Router, Gatsby, Nuxt and Vue, SvelteKit and Svelte
- Styling: Tailwind CSS, Plain CSS, CSS Modules, Sass, CSS-in-JS
- UI kits: shadcn/ui
- CMS: Sanity, Contentful, Storyblok, Prismic, Git-based CMSStarter and up
- Framework and CMS: Next.js with Sanity, Astro with Sanity, Next.js with Prismic, Next.js with Contentful, Next.js with Storyblok, Astro with Storyblok, Astro with ContentfulStarter and up
- Hosts: Vercel, Netlify, Cloudflare, GitHub PagesStarter and up
Skills load from your Xodia account, through the plugin in Claude Code or the get_skill tool elsewhere.
The core skill groups and how many skills each holds.
Built-in AI
Pro and upNo AI app? Use the one built into Xodia
Choose Built-in in the ask box and Xodia runs Claude Opus 5.5, Sonnet 5.5 or Haiku 5.5 inside your project, paid for with Xodia's AI tokens. It comes with Pro and Agency, for projects that preview on Xodia.
- Pro: 1M AI tokens a month
- Agency: 2.5M AI tokens a month
- Top-up packs from 500K to 10M tokens. Pack tokens never expire.
- File edits stay unsaved until you save; commands ask first unless you allow them
The free trial doesn't include built-in AI. See AI token prices
The ask box with Built-in chosen: a request for a new page, sent to the AI Xodia runs inside the project.
Ways to connect
Your AI, your choice
Pick the way that suits you, and connect more than one if you like.
- From XodiaEasiest. Send requests from Xodia's ask box; Claude Code on your computer runs them with your own login, and every step and approval shows in Xodia.
- Claude CodeClaude in your terminal, with Xodia's plugin and short commands.
- Claude appClaude on the web, desktop or phone, as a custom connector.
- OtherCursor, Codex, VS Code and any other app that speaks MCP.
- Built inXodia runs Claude Opus 5.5, Sonnet 5.5 or Haiku 5.5 inside your project on Xodia's AI tokens, included with Pro and Agency.
Questions
AI questions
Do I need my own AI subscription?
To connect your own AI, yes: it runs on your Claude, Cursor or other plan, and Xodia charges nothing for it. Without one, Pro and Agency include built-in AI that runs on Xodia's AI tokens.
Which AI apps work with Xodia?
Claude Code, the Claude app on the web, desktop and mobile, Cursor, Codex, VS Code and any other app that connects to a remote MCP server over Streamable HTTP with OAuth.
Does Xodia see my AI login?
No. Your AI app signs in to Xodia with OAuth and keeps its own login. The helper runs Claude Code on your computer with your own sign-in.
Can my AI publish my site without me?
No. Your AI's changes wait as a draft, 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 is a button in Xodia.
Can I read the skills?
You can see each skill's name and what it covers; the guides themselves load for your AI through your Xodia account. Compare plans to see which packs each plan includes.
Keep exploring
Related pages
- Visual editorCanvas, Style panel, Navigator and Variables
- CMSContent files, collections and Sanity
- Git and publishingDrafts, restore points, branches and publish
- SEOPage settings, audits and speed tests
- Own CloudflarePreviews in your own Cloudflare account
- Product overviewEvery feature in the order you use it
- PricingPlans, limits and the free trial
- FrameworksWhat you can edit on each stack