Layoutline

Name: Layoutline MCP Server
Author: Layoutline

remote

Compose a landing page from layouts observed on real pages, then review the built page for drift.

Getting Started

npx @getmcp/cli add dev.layoutline/layoutline

Requires Node.js 18+. Community-contributed server. Review source before installing.

Claude Desktopguide →Vscodeguide →Cursorguide →Windsurfguide →

Configuration

Config file: ~/Library/Application Support/Claude/claude_desktop_config.json

JSON

{
  "mcpServers": {
    "dev.layoutline/layoutline": {
      "url": "https://app.layoutline.dev/api/mcp",
      "transport": "streamable-http"
    }
  }
}

Claude Desktop MCP documentation (opens in new tab)

AuthorLayoutline

Version1.1.0

TransportRemote

layoutline.dev (opens in new tab)

Servers
/
Layoutline