Edit your site with Claude or ChatGPT

How to change a site you made with AI: which AI tool can do what, and how to connect it step by step.

Your site was made with AI and runs on Cubli. Want to change something, such as a text, a colour or a new page? Let AI do that too. Which tool you use depends on what you want.

Which tool can do what

What you want Which tool
Change the texts, layout or pages of your site Claude Code, Codex or Cursor: they work with your site’s files
Ask how your site is doing, read logs, connect a domain, put back an earlier version Claude or ChatGPT in the chat, with the connector https://mcp.cubli.io
Edit your site together with a developer or agency GitHub: every change that lands on GitHub goes live by itself

Claude and ChatGPT in the chat (claude.ai, the ChatGPT app) can manage your hosting, but they can’t change your site’s code: they have no folder of files to work in. To change the site itself, use one of the ways below.

These tools work in a folder on your computer. With the Cubli connection they fetch your site’s code, change it and put it back online.

Set up once

  1. Install Node.js 20 or newer if you don’t have it yet.
  2. Connect Cubli to your AI tool. Choose your tool:

Claude Code

One line in your terminal:

claude mcp add cubli -- npx -y @cubli/cli mcp

Codex

Put this in ~/.codex/config.toml:

[mcp_servers.cubli]
command = "npx"
args = ["-y", "@cubli/cli", "mcp"]

Cursor

Put this in .cursor/mcp.json in your project, or in ~/.cursor/mcp.json for all your projects:

{
  "mcpServers": {
    "cubli": {
      "command": "npx",
      "args": ["-y", "@cubli/cli", "mcp"]
    }
  }
}

VS Code

Put this in .vscode/mcp.json in your project:

{
  "servers": {
    "cubli": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@cubli/cli", "mcp"]
    }
  }
}

On the first question your browser opens: sign in to Cubli, choose your workspace and click Allow access.

Change your site

  1. Make an empty folder, for example my-site, and open your AI tool in it.
  2. Ask: “Fetch the code of my site Jansen Bakery from Cubli.” The tool puts the code that is live now into that folder.
  3. Say what you want to change, in plain words: “Put the opening hours on the home page: Mon–Fri 7am–6pm, Sat 8am–4pm”, or “Add a Contact page with a map”.
  4. Look at the result. Most tools can also show the site on your own computer.
  5. Ask: “Put it online.” Want to look before visitors see it? Ask: “Put it on staging first”, and when it’s right: “Make staging live”.

Something wrong after putting it online? Ask: “Go back to the previous version.” Within a minute the old version is live again.

Keep the folder. Next time you start there and don’t need to fetch the code again.

Way 2: through GitHub

If your site is on GitHub, or you want to put it there, any AI tool that works with GitHub can edit it, such as Claude Code on the web or Codex in ChatGPT. So can a developer. Cubli puts every change on your main branch online by itself. How to connect it: Deploying from GitHub.

Way 3: in the chat with Claude or ChatGPT

Handy for everything around your site, without installing anything:

  • “How is my site doing?”
  • “There’s an error on the site, what’s going wrong?”
  • “Connect jansenbakery.com to my site.”
  • “Put back the previous version.”

How to connect it: Connect Claude or ChatGPT.

Working safely

  • Your AI tool only works in the workspace you chose, and can’t read secret variables.
  • It never adds costs without your yes: it names the price first. Domains and mailboxes you always pay yourself, through a payment link or invoice.
  • Cubli keeps the previous version with every new one, so you can always go back. What an AI tool may do exactly: What an AI tool may do.
Was this helpful?

Stuck? Mail support@cubli.io, or ask from your dashboard: Help