• ROUTING
  • LAYOUT
  • TREE
  • HUMAN

How to inspect site structure with your AI

Connect Plasmic to your AI client to let it audit your page trees and layouts. It looks at the actual code and structure to find what's broken.

Ask AI about this page

Short answer

Can my AI check my Plasmic site structure?

Yes. Your AI uses the Plasmic MCP to pull your page models and HTML renders. It then compares the element tree against your intended design or routing logic to catch errors. You get a clear list of structural mismatches and broken links.

Audit outcomes

Where your findings land.

The AI categorizes issues based on how much work you need to do to fix them.

ROUTING

Broken page paths

The AI checks your page list against actual renders. It flags any dead links or missing routes in your project.

LAYOUT

Visual mismatches

By looking at the HTML, the AI finds elements that aren't where they should be or are missing from the tree.

TREE

Element hierarchy

The AI analyzes the component nesting. It identifies depth issues or incorrect parent-child relationships.

HUMAN

Manual fixes needed

The AI identifies complex design logic it can't solve. You'll receive these specific cases to handle in the Plasmic editor.

The workflow

What your AI does when the request arrives.

The AI moves from raw data to a structured audit of your project.

  1. Fetch project data

    The AI pulls the full component hierarchy and page list from your Plasmic project.

    get_model

  2. Render the view

    It generates the HTML for specific pages to see how elements actually sit in the DOM.

    render_html

  3. Compare structures

    The AI compares the model data against the rendered output to find discrepancies.

    get_modelrender_html

  4. Report errors

    It summarizes the broken routes and layout issues into a readable list for you.

    render_html

Try it

Copy these to start.

Use these prompts to kick off an inspection.

Starting points

These are starting points. Swap out the page names or component types to match your specific project.

Plasmic Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_3sKdf5JGlcT8ZlPYWT5zfXjfJKOMYRYhuIjG3Rng/mcp

Claude Desktop

Follow the steps below to connect in seconds.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Plasmic capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "plasmic-visual-headless-page-builder-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_3sKdf5JGlcT8ZlPYWT5zfXjfJKOMYRYhuIjG3Rng/mcp"
    }
  }
}
Copy into chat04

  • Check the page list in my Plasmic project and tell me if any routes look broken.

  • Look at the element tree for the Home page and find any missing containers.

  • Compare the HTML render of the Product page to the model to see if the layout is correct.

  • Audit my project structure and list all pages that don't have a corresponding HTML render.

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Start here

Connect Plasmic once, then ask.

Just link your Plasmic account. Your credentials stay encrypted, and you can immediately start asking your AI about your site structure.

Connect Plasmic to your AI

FAQ

Common questions

  • 01

    Can the AI change my Plasmic designs?

    No. The AI can only read the model and the HTML. You have to make all visual changes yourself in Plasmic.

  • 02

    Does the AI see my private project data?

    The AI only sees the data it explicitly requests through the tools to answer your specific questions.

  • 03

    Can it fix broken CSS?

    No. It can identify that a layout looks wrong by comparing the HTML to the model, but it cannot write or push CSS changes.

  • 04

    How does it know if a route is broken?

    It compares the list of pages in your model against the available HTML renders to find gaps.

  • 05

    Can it delete pages for me?

    No. There are no tools provided to delete or modify your Plasmic project.

  • More questions about Plasmic? See everything the Plasmic Connector can do

Connect Plasmic to Claude, Cursor, ChatGPT & more