Skip to content
Claude Code

Layoutline for Claude Code

dev.layoutline/layoutline

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

client:Claude Code transport:streamable-http

Install Layoutline in Claude Code

run in your project directory

claude mcp add --transport http layoutline https://app.layoutline.dev/api/mcp

Adds it for this project only. Append --scope user to make it available everywhere. Claude Code docs

Layoutline in other clients