Skip to content
verify mcp Beta VerifyMCP is currently in beta. If you notice any issues, get in touch and we’ll put it right.

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

NPM · PLAYWRIGHT-SPATIAL-LAYOUT-MCP · SCANNED SEP 20

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

+1 this week 84 Trust /100
Trust breakdown (7 categories)

How this component scores in each security and reliability category. Every signal is checked automatically from public evidence about the published package, including repeated runs of it in an isolated sandbox, and we only credit what we can confirm. How we score → Why this is hard to score →

Supply Chain Security98
  • No malware found by supply-chain analysis.Pass
  • No known CVEs affecting this package version or its production dependencies.Pass
  • No install/post-install scripts declared.Pass
  • 31 of 97 dependencies flagged as unhealthy. View diagnostics → Partial
Provenance & Transparency45
Schema Quality & AI Usability80
  • AI-judged instruction clarity (excellent).Pass
  • Tool/resource definitions use about 655 tokens (~109/item across 6 items; 6 tools + 0 resources), lean.Pass
  • Usage-examples check failed: none of the tools include examples. See how to fix → Fail
Stability & Change Management93
  • Stability observed for 28 of 30 days with no destabilising changes; credit accrues until the full window elapses.Partial
Tool Coverage100
  • 100% of tools have a non-trivial description (not blank, and not just the tool's name).Pass
  • 100% of tool parameters carry a description.Pass
Tool Safety100
  • No prompt-injection markers were found in the server instructions, tool names or descriptions we captured.Pass
  • We read all 6 captured tool definition(s), and no name or description among them implies an irreversible operation.Pass
  • An AI judge read all 6 captured unit(s) of tool text and found none that tries to manipulate the model reading it.Pass
Capabilities100
  • Implements a supported MCP spec version (2025-11-25); the latest is 2026-07-28.Pass
Install

How do I install the io.github.vola-trebla/playwright-spatial-layout-mcp server?

io.github.vola-trebla/playwright-spatial-layout-mcp runs locally as an npm package, launched with npx -y playwright-spatial-layout-mcp. Ready-made configuration for Claude, Cursor, VS Code, Codex and 5 more is on this page, copied from each client's own documentation.

npm · playwright-spatial-layout-mcp

# add to Claude Code
claude mcp add vola-trebla-playwright-spatial-layout-mcp -- npx -y playwright-spatial-layout-mcp
// .cursor/mcp.json
{
  "mcpServers": {
    "vola-trebla-playwright-spatial-layout-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-spatial-layout-mcp"
      ]
    }
  }
}
// .vscode/mcp.json
{
  "servers": {
    "vola-trebla-playwright-spatial-layout-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-spatial-layout-mcp"
      ]
    }
  }
}
# add to Codex CLI
codex mcp add vola-trebla-playwright-spatial-layout-mcp -- npx -y playwright-spatial-layout-mcp
// opencode.json
{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "vola-trebla-playwright-spatial-layout-mcp": {
      "type": "local",
      "command": [
        "npx",
        "-y",
        "playwright-spatial-layout-mcp"
      ],
      "enabled": true
    }
  }
}
# add to OpenClaw
openclaw mcp add vola-trebla-playwright-spatial-layout-mcp --command npx --arg -y --arg playwright-spatial-layout-mcp
# ~/.hermes/config.yaml
mcp_servers:
  vola-trebla-playwright-spatial-layout-mcp:
    command: "npx"
    args: ["-y", "playwright-spatial-layout-mcp"]
// ~/.netclaw/config/netclaw.json
{
  "McpServers": {
    "vola-trebla-playwright-spatial-layout-mcp": {
      "Transport": "stdio",
      "Command": "npx",
      "Arguments": [
        "-y",
        "playwright-spatial-layout-mcp"
      ]
    }
  }
}
# add to Vellum
assistant mcp add vola-trebla-playwright-spatial-layout-mcp -t stdio -c npx -a -y playwright-spatial-layout-mcp
// mcp.json
{
  "mcpServers": {
    "vola-trebla-playwright-spatial-layout-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-spatial-layout-mcp"
      ]
    }
  }
}
Changelog

Every change we have recorded for this component, newest first. Security-relevant changes are always shown. ▲ marks a change for the better, ▼ a change for the worse; unmarked changes are neutral.

  • 20 Sept 26 +1

    No change was recorded against any check on this day. Stability & Change Management went from 90 to 93. That category is still filling its 30-day observation window: 27 days of observed history at the previous scan, 28 at this one. The score rises as the window fills, whether or not the server changes.

  • 18 Sept 26 +1

    No change was recorded against any check on this day. Stability & Change Management went from 83 to 87. That category is still filling its 30-day observation window: 25 days of observed history at the previous scan, 26 at this one. The score rises as the window fills, whether or not the server changes.

  • 17 Sept 26 −3
    • Security disclosure: unverified → fail functional
    • Stability: pass → 0.83 functional
  • 16 Sept 26 +1
    • Stability: 0.97 → pass security
    • Security disclosure: fail → unverified functional
  • 14 Sept 26 +1

    No change was recorded against any check on this day. Stability & Change Management went from 90 to 93. That category is still filling its 30-day observation window: 27 days of observed history at the previous scan, 28 at this one. The score rises as the window fills, whether or not the server changes.

  • 12 Sept 26 +1

    No change was recorded against any check on this day. Stability & Change Management went from 83 to 87. That category is still filling its 30-day observation window: 25 days of observed history at the previous scan, 26 at this one. The score rises as the window fills, whether or not the server changes.

  • 10 Sept 26 −3
    • Stability: pass → 0.80 functional
  • 9 Sept 26 +1
    • Stability: 0.97 → pass security
Diagnostics

Diagnostic detail from the automated scan of this channel: what the scanner observed at each step, so you can see exactly where a check passed or failed. It is informational only and never changes the trust score.

Captured 20 Sept 2026 · Analysed npm/playwright-spatial-layout-mcp@0.2.0

Provenance No attestation

The registry publishes no build provenance for this version, so there is nothing to verify.

Result No attestation
Ecosystem npm

Background: How many MCP packages publish verified provenance →

Dependencies 97 packages
Packages resolved 97
Stale 31
Tree resolution Complete

Background: SBOMs and build attestations, explained →

MCP tools · 6 exposed · ~655 tokens

The tools this component advertises to a client, with an estimated token cost for each. Expand a tool to see its parameters and schema. The per-tool counts are indicative and are not scored directly; the schema's total context footprint is one signal in Schema Quality & AI Usability. A tool's description is untrusted text the model reads on every call, which is what makes this list a security surface and not just an inventory: how tool poisoning works →

Tool Tokens
calculate_perceptual_contrast ~128

Measures color contrast between a text element and its background using both WCAG 2.x and APCA (WCAG 3.0 draft) formulas simultaneously. Use to answer: does this text pass accessibility contrast requirements? Is it actually readable even if it technically passes the legacy formula?

NameTypeReqDescription
background_selectorstringyesCSS selector for the background element
text_selectorstringyesCSS selector for the text element
urlstringyesURL of the page to analyze
viewportobjectViewport size (default: 1280×720)

No output schema declared.

No examples provided.

compute_viewport_reflow ~100

Measures how element positions and sizes change across multiple viewport sizes. Use to answer: does the layout break on mobile? Which elements shift most when resizing?

NameTypeReqDescription
selectorsarrayyesCSS selectors to track across viewports
urlstringyesURL of the page to analyze
viewportsarrayyesViewport sizes to compare — e.g. [{width:375,height:812},{width:1280,height:720}]

No output schema declared.

No examples provided.

detect_visual_occlusion ~121

Checks if one element physically overlaps another by computing the intersection of their bounding boxes. Use to answer: is this button hidden under a sticky header? Does the cookie banner block the CTA?

NameTypeReqDescription
overlay_selectorstringyesThe element that might be on top (e.g., the sticky header)
target_selectorstringyesThe element that might be occluded (e.g., the button)
urlstringyesURL of the page to analyze
viewportobjectViewport size (default: 1280×720)

No output schema declared.

No examples provided.

extract_bounding_boxes ~96

Returns the geometric position, size, z-index, and viewport visibility for one or more DOM elements. Use to answer: where exactly on screen is this element? Is it visible? Is it off-screen?

NameTypeReqDescription
selectorsarrayyesCSS selectors or Playwright locator strings
urlstringyesURL of the page to analyze
viewportobjectViewport size (default: 1280×720)

No output schema declared.

No examples provided.

verify_spatial_relationships ~107

Validates a set of spatial layout rules — e.g. 'nav must be above hero', 'sidebar must be left of content'. Returns pass/fail per rule with a human-readable reason. Use to answer: does the page layout match the design specification?

NameTypeReqDescription
rulesarrayyesList of spatial rules to validate
urlstringyesURL of the page to analyze
viewportobjectViewport size (default: 1280×720)

No output schema declared.

No examples provided.

verify_stacking_context ~103

Reveals the full CSS stacking context chain for an element — which ancestors create new stacking contexts and why. Use to answer: why is my z-index:9999 element still behind a modal? Does this element create its own stacking context?

NameTypeReqDescription
selectorstringyesCSS selector for the element to inspect
urlstringyesURL of the page to analyze
viewportobjectViewport size (default: 1280×720)

No output schema declared.

No examples provided.

Common questions

What is the io.github.vola-trebla/playwright-spatial-layout-mcp server?

io.github.vola-trebla/playwright-spatial-layout-mcp is listed in the public MCP registry as io.github.vola-trebla/playwright-spatial-layout-mcp. MCP server that gives AI agents geometric spatial awareness of web page layouts using Playwright. This page covers its npm package (playwright-spatial-layout-mcp).

Is the io.github.vola-trebla/playwright-spatial-layout-mcp server safe to use?

io.github.vola-trebla/playwright-spatial-layout-mcp scores 84 out of 100 on VerifyMCP. We found no known CVEs affecting it as of 20 September 2026. It declares no install or post-install scripts. That is a record of what we were able to check automatically, not an endorsement. The category breakdown on this page shows every signal behind the number, including the ones we could not confirm.

What tools does the io.github.vola-trebla/playwright-spatial-layout-mcp server expose?

io.github.vola-trebla/playwright-spatial-layout-mcp exposes 6 tools: extract_bounding_boxes, detect_visual_occlusion, verify_spatial_relationships, compute_viewport_reflow, calculate_perceptual_contrast, verify_stacking_context. Their descriptions and schemas cost roughly 655 tokens of context every time the server is loaded.

Is the io.github.vola-trebla/playwright-spatial-layout-mcp server still maintained?

io.github.vola-trebla/playwright-spatial-layout-mcp is still listed as active in the MCP registry. We last reached this channel on 20 September 2026. Those dates come from our own scans of the registry and the channel itself, not from anything the publisher announced.

What licence is the io.github.vola-trebla/playwright-spatial-layout-mcp server under?

io.github.vola-trebla/playwright-spatial-layout-mcp declares the MIT licence, which is OSI-approved. That covers the source only, and says nothing about the cost of any service it calls.