io.github.vola-trebla/playwright-spatial-layout-mcp

io.github.vola-trebla/playwright-spatial-layout-mcp

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

View repository →

Connect this server

Add this to your MCP client config — claude_desktop_config.json (Claude Desktop) or .cursor/mcp.json (Cursor).Suits: Claude Desktop · Cursor.

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

A starting point — check the repository for exact arguments and setup. Restart your client after editing the config.

Category
Developer Tools
Version
0.2.0
Registry
active
Published
5/19/2026

More Developer Tools servers

Browse all Developer Tools →

io.github.vola-trebla/playwright-trace-decoder-mcp

vola-trebla

MCP server for unpacking and analyzing Playwright trace.zip archives

Developer ToolsAdded 5 months ago

io.github.vola-trebla/react-render-profile-mcp

vola-trebla

Decodes React DevTools Profiler exports into render summaries and memoization advice for AI agents.

Developer ToolsAdded 5 months ago

io.github.vola-trebla/release-readiness-triage-mcp

vola-trebla

Aggregates CI failures, cross-references flakiness history, and outputs GO/NO_GO release verdicts.

Developer ToolsAdded 5 months ago

io.github.vola-trebla/sourcemap-retrace-mcp

vola-trebla

Decodes minified production stack traces back to original TypeScript source using source maps.

Developer ToolsAdded 5 months ago

io.github.vola-trebla/tailwind-context-resolver-mcp

vola-trebla

Resolves Tailwind CSS design tokens and validates utility classes against the local project config.

Developer ToolsAdded 5 months ago

io.github.vola-trebla/tsconfig-inheritance-flattener-mcp

vola-trebla

Resolves TypeScript config inheritance chains and returns effective compiler options per file.

Developer ToolsAdded 5 months ago

Add the badge to your site

Show visitors that io.github.vola-trebla/playwright-spatial-layout-mcp is listed here — it’s also the link we check for a free listing.

io.github.vola-trebla/playwright-spatial-layout-mcp — listed on Serverdex

HTML — for your website

<a href="https://serverdex.io/server/io-github-vola-trebla-playwright-spatial-layout-mcp?utm_source=badge"><img src="https://serverdex.io/brand/badge.svg" alt="io.github.vola-trebla/playwright-spatial-layout-mcp — listed on Serverdex" width="123" height="40" loading="lazy"></a>

Recommended. A dofollow link from your own domain is the one that counts for search engines, and it's the link we check for a free listing.

Markdown — for your README

[![io.github.vola-trebla/playwright-spatial-layout-mcp — listed on Serverdex](https://serverdex.io/brand/badge.svg)](https://serverdex.io/server/io-github-vola-trebla-playwright-spatial-layout-mcp?utm_source=badge)

Nice for visibility, but GitHub marks README links nofollow, so it doesn't pass authority. Use the HTML badge on your site as well.