Let Claude Edit Your Website: Connecting InboundSavvy to Claude Code

If you've heard about MCP (Model Context Protocol) and AI-powered website editing but assumed it required being a developer — good news: it doesn't.

InboundSavvy's MCP integration with Claude Code lets you connect your website to AI without touching a terminal, writing a config file, or understanding JSON. You paste one prompt, click Allow, and let Claude handle everything else.

This guide walks you through the full setup from scratch. By the end, you'll be able to say things like "Create a Services page in the same style as my homepage" — and watch Claude build it in seconds.

What You'll Need

- An InboundSavvy account with at least one website set up
- Claude Code installed on your computer (available at claude.ai/code)
- About 5 minutes

That's it. No terminal. No scripts. No developer experience required.

Get Claude Code ->

Step 1: Get Your MCP Token from InboundSavvy

Every InboundSavvy website gets its own MCP token — a secure key that lets Claude access and edit only that specific site. Think of it like a hotel key card: it opens only the doors it's meant to.

1. Log into InboundSavvy CMS and select the website you want to connect.
2. In the left sidebar, click More to expand the menu.
3. Click MCP Tokens.

InboundSavvy CMS sidebar with the More menu expanded, showing MCP Tokens as a clickable option at the bottom

You'll land on the MCP Tokens page. If it's your first time, it will be empty.

InboundSavvy MCP Tokens page showing an empty list with a Create Token button and the message: No MCP tokens yet. Create one to connect an AI tool.

4. Click + Create Token.
5. Give your token a label so you remember where it's used — something like "Claude Code — my laptop" works perfectly.
6. Click Create.

Create MCP Token dialog with a Label field showing the placeholder text e.g. Claude Code — laptop, and Cancel and Create buttons

Token Created dialog showing the is_mcp_ token value in a dark code box with a Copy button, and a red warning: This token will not be shown again. Copy it now.

⚠️ The token is shown only once. Copy it immediately by clicking the Copy button before closing this dialog. The token starts with is_mcp_ and is a long string of characters — keep it somewhere safe (like a notes app) until you paste it into Claude.

If you ever need to revoke a token — for example, when you change computers — you can do it from the MCP Tokens page at any time.

InboundSavvy MCP Tokens list showing a token labeled Claude Desktop - Token with creation date and a red Revoke button

Step 2: Open Claude Code in Your Website Folder

Claude Code works best when you open it from the folder where you keep your website's content and images. This doesn't need to be a code project — it can be any folder on your computer that you associate with the website.

Open a new Claude Code session and make sure the Working directory shown at the bottom of the screen is your website folder. This is important — the config file Claude creates will live in this folder and connect it to your InboundSavvy site.

Once the right folder is selected, you're ready for the next step.

Step 3: Paste One Prompt — Claude Does the Rest

Instead of running scripts in a terminal, you paste a single prompt into Claude Code. Claude reads the setup instructions from our GitHub repository, installs the skill, creates the config file, and sets up your .gitignore — all automatically.

Copy this prompt and replace [YOUR_TOKEN] with the token you copied in Step 1:

I want to connect my InboundSavvy website to Claude so I can improve it with AI. Please follow the setup instructions from this repo: https://github.com/JesperJurcenoks/Inboundsavvy-webmaster — install the skill and create the .mcp.json file in the current directory. My MCP token is: [YOUR_TOKEN]

Paste it into Claude Code and press Enter.

Claude Code welcome screen showing the magic setup prompt typed in the input box, with the working directory set to the tutorial.com website folder and a callout bubble saying: Select a folder where you save images and content for the website

Claude will immediately start working: it reads the GitHub repository, downloads the skill instructions, and prepares the necessary files.

Step 4: Click "Allow" When Asked — It's Safe

During setup, Claude will ask for your permission before writing files to your computer. This is a security feature — Claude never modifies your files without explicit approval.

Claude Code permission dialog asking: Allow Claude to write .mcp.json? — showing the file path with Deny and Allow once buttons

When you see the dialog "Allow Claude to write .mcp.json?", click Allow once. This is completely safe — Claude is creating the configuration file that links your website folder to InboundSavvy's MCP server using the token you provided.

You may see similar permission prompts for other files (like .gitignore). Go ahead and allow those too.

Claude Code showing the completed setup summary: .mcp.json created with MCP token, .gitignore created to protect the token, Skill installed at the global skills directory, and a highlighted instruction to restart Claude Code then type /inboundsavvy-webmaster

Once done, Claude confirms everything that was set up:

1. .mcp.json — your site's config, pointing to InboundSavvy's MCP server
2. .gitignore — protecting your token from being accidentally shared
3. Skill — the InboundSavvy Webmaster assistant, installed globally

You'll also see this key instruction highlighted in blue: Restart Claude Code so it picks up the new .mcp.json config, then type /inboundsavvy-webmaster to connect.

Step 5: Restart Claude Code and Activate the Skill

Restart Claude Code now — this is required. Claude Code reads the .mcp.json config file on startup, so the restart is what connects it to your InboundSavvy website.

Once restarted with your website folder open, type /inboundsavvy-webmaster in the prompt box.

Claude Code prompt box with /inbou typed, showing the inboundsavvy-webmaster autocomplete suggestion with a tooltip description of the skill

It will appear as an autocomplete suggestion — select it and press Enter.

Claude Code showing the Connected announcement with the site name, URL, list of pages, design system fonts and primary color, and the question: What would you like to work on?

Claude connects to your InboundSavvy website and introduces itself with a full summary:

- Your website's name and URL
- All the pages it can see
- Your design system (fonts and colors)

From this moment, Claude is your AI co-editor — fully aware of your website's visual language and ready to build.

Now Start Building — In Plain Language

You don't need technical knowledge to direct Claude — just describe what you want. Here are some prompts to get you started:

- "Create a Services page in the same style as my homepage"
- "Add a testimonials section to my About page"
- "Update the hero headline to say [new tagline]"
- "Make all CTA buttons use my primary brand color"

For example, here's what happens when you ask Claude to create a new page:

Claude Code showing the user prompt: Create a new Services page in the same style as my homepage — followed by Claude's Approval Gate listing exactly what it plans to create including hero, three content sections, and a pagemap update

Before making any changes, Claude shows you an Approval Gate — a detailed plan of everything it's about to do. You can review it, ask for adjustments, or simply say "yes, proceed."

Claude Code showing the completed Services page confirmation with a summary table of three sections created, noting the pagemap was updated and providing a preview URL

Once approved, Claude builds the page, updates your navigation, and confirms what was created. The result is immediately previewable inside InboundSavvy CMS — no waiting, no deployment pipeline.

InboundSavvy CMS preview panel showing the live Services page with Our Services headline, Get in Touch CTA button, and the What We Offer section, with Desktop Tablet Mobile toggle at the top

The gap between "I have a website" and "I have a website that's actively improving" used to require a developer on call. With InboundSavvy's MCP integration and Claude Code, that gap closes to a single prompt.

Your token is set. Your skill is installed. Claude knows your brand. Now go tell it what to build.

Create your InboundSavvy account ->

Already set up? Share what you built — we'd love to feature the best examples in a future post.