Playwright Spatial Layout MCP Server: Install & Setup

Install Playwright Spatial Layout in Claude Code

Claude Code

claude mcp add playwright-spatial-layout -- npx -y playwright-spatial-layout-mcp

mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)

{
  "mcpServers": {
    "playwright-spatial-layout": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-spatial-layout-mcp"
      ]
    }
  }
}

Frequently asked questions

What does the Playwright Spatial Layout MCP server do?

MCP server that gives AI agents geometric spatial awareness of web page layouts using Playwright

Is the Playwright Spatial Layout MCP server free?

Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.

Does Playwright Spatial Layout run locally or remotely?

Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.

How do I add Playwright Spatial Layout to Claude Code?

Run: claude mcp add playwright-spatial-layout -- npx -y playwright-spatial-layout-mcp

More browser automation MCP servers

View all

rasterly

121

jhonychain/rasterly-mcp

Web toolkit for AI agents: read any URL as Markdown, screenshot, extract data, or crawl a site.

LocalAccount needed

ocular

0107

xyun1996/ocular

Vision tools for coding agents: screenshots, OCR, UI diffs, errors, tables, and charts.

LocalAccount needed

rasterly

121

rasterly-dev/rasterly-mcp

Web toolkit for AI agents: read any URL as Markdown, screenshot, extract data, or crawl a site.

LocalAccount needed

Macos

cyanheads/macos-mcp-server

Control macOS settings, apps, windows, audio, Music, displays, screenshots, and Focus mode via MCP.

LocalFree

Sealedmail

0121

thesuitabs/sealedmail

Send and receive on-chain private messages via SealedMail on Sui. No browser wallet needed.

LocalFree

JohannsenLum/linkedin-api-mcp

Read LinkedIn profiles, companies, jobs and messages via your own browser session

LocalFree