Build a page with Claude in five minutes (MCP)

This guide takes you from a fresh Urmi install to a finished, editable page built by Claude. It uses the Claude app’s custom connectors, which sign in to your site with OAuth, so there is no key to copy.

What you need

• A WordPress site with Urmi installed and activated.
• The site must be reachable from the internet, because Claude’s servers connect to it. (Claude Code can also reach a local site — see the tip at the end.)
• A Claude plan that lets you add custom connectors. On Team and Enterprise plans, an owner adds the connector in the organization settings first.
• An administrator account on the site. By default, only administrators may connect AI apps.

1. Set the look first (one minute)

Open Urmi → Design System and set your main colors, a heading font and a body font. Claude reads the Design System before it builds, so a page it makes will already use your brand. You can also skip this and ask Claude to set up the Design System for you as the first step.

2. Connect Claude (two minutes)

1. In WordPress, open Urmi → AI & MCP and choose Claude. Copy the server URL shown there.
2. In Claude, open Settings → Connectors and click Add custom connector.
3. Give it your site’s name, paste the URL and click Connect.
4. A sign-in window from your site opens. Log in, review the permissions Claude asks for and click Allow.
5. In a chat, open the Search and tools menu and make sure the connector is switched on.

The connection now appears under Connected apps on the AI & MCP screen, where you can revoke it at any time.

3. Ask for a page (one minute)

Be specific about the content and the sections you want. For example:

Read the Urmi build guide, then create a “Workshops” page for our pottery studio: a hero with a short intro and a “Book a class” button, three class cards (beginners, wheel throwing, glazing) with prices from our existing Pricing page, an FAQ with five questions and a call to action at the end. Use the Design System. Audit the page when you are done and fix what you find.

While it works, you will see Claude call Urmi’s tools. A typical run looks like this:

• get_site_overview and get_build_guide — learn the site and the rules for building;
• get_design_system — read your colors, fonts and button style;
• list_patterns and get_pattern — start from tested section layouts;
• create_page — create the page as a draft;
• audit_page and edit_elements — check headings, contrast, alt text and mobile layout, then fix them.

4. Review it in the editor (one minute)

Open the new draft with Edit with Urmi. Everything Claude made is a normal element: click a heading to rewrite it, drag a card to reorder it, or change a color in the Design panel.

If you keep the page open while asking Claude for more changes, they appear in the editor as they are saved, with an Undo button. If you do not like a change, undo it there, find it in the activity log on the AI & MCP screen, or simply ask Claude to undo its last change. When you are happy, publish the page.

Tips for better results

• Give facts, not adjectives. Real prices, names and opening hours make a better page than “make it modern”. Claude will not invent testimonials or statistics if you ask it not to.
• Ask for an audit. “Audit the page and fix every issue” catches heading order, missing alt text and contrast problems.
• Work in drafts. Pages are created as drafts by default, so nothing goes live until you publish it.
• Keep permissions tight. If Claude only needs to write content, approve the content scope and leave out the design and site scopes.

Using Claude Code instead

Claude Code talks to Streamable HTTP servers directly. Create an API key on the AI & MCP screen and run the command shown there — it has this shape:

claude mcp add --transport http my-site https://example.com/wp-json/urmi/v1/mcp \
  --header "Authorization: Bearer YOUR_API_KEY"

Then start Claude Code, run /mcp to check the connection, and ask for your page the same way. The MCP documentation covers ChatGPT, Cursor, VS Code, Windsurf and other clients.