layout-debug-mcp

Select a layout layer on a live UI, move it for real, and hand the result to an AI agent over MCP.

Installation

MCP client config (paste into mcp.json)

{
  "mcpServers": {
    "npm-layout-debug-mcp": {
      "command": "npx",
      "args": [
        "layout-debug-mcp"
      ]
    }
  }
}

Agent install prompt

Copy and paste into Cursor / Claude / other agents to install this MCP for you

Please read this MCP repository and install it into my current environment:
https://www.npmjs.com/package/layout-debug-mcp

Known working client config (can write into mcp.json):
{
  "mcpServers": {
    "npm-layout-debug-mcp": {
      "command": "npx",
      "args": [
        "layout-debug-mcp"
      ]
    }
  }
}

Please: 1) check README for deps and env vars; 2) write config for my client; 3) if secrets are missing, tell me what to fill — do not invent values.

GitHub

Related servers