English Français العربية

Layoutline

Official registry Other

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

Website

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http layoutline 'https://app.layoutline.dev/api/mcp'
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "layoutline": {
            "type": "http",
            "url": "https://app.layoutline.dev/api/mcp"
        }
    }
}

Frequently asked questions

What is Layoutline?

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

How do I install Layoutline?

It runs as a remote server. In Claude Code: claude mcp add --transport http layoutline 'https://app.layoutline.dev/api/mcp'. For other clients, paste the JSON configuration from this page into their MCP settings.

Does Layoutline need an API key?

Its registry entry lists no required key or secret. Some features may still need an account with the service it connects to.

Who maintains Layoutline?

It is published by dev.layoutline. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.