io.github.vola-trebla/playwright-spatial-layout-mcp
NPM · PLAYWRIGHT-SPATIAL-LAYOUT-MCP
MCP server that gives AI agents geometric spatial awareness of web page layouts using Playwright
Available components
Last scanned (22 hours ago)
Scores higher than 87% of npm servers
Category Browser Automation
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
- 30 of 94 dependencies flagged as unhealthy. View diagnostics → Partial
Provenance & Transparency45
- Source repository is publicly reachable at the declared URL. View diagnostics → Pass
- Provenance check failed: no build-provenance attestation is published. See how to fix → View diagnostics → Fail
- Clear OSI-approved license (MIT).Pass
- Actively maintained (last published 169 days ago).Pass
- Disclosure check failed: no security disclosure policy was found in the source repository. See how to fix → Fail
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 Management100
- No destabilizing schema changes in the last 30 days.Pass
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
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.
- 3 Nov 26 +1
- Stability: 0.97 → pass security
- 2 Nov 26 −1
- Stability: pass → 0.97 functional
- 31 Oct 26 0
- Security disclosure: unverified → fail ▼ functional
- 30 Oct 26 0
- Security disclosure: fail → unverified ▼ functional
- 21 Oct 26 +1
- Stability: 0.97 → pass security
- 19 Oct 26 −1
- Stability: pass → 0.93 functional
- 17 Oct 26 +3
- Stability: 0.83 → pass security
- 14 Oct 26 −3
- Stability: pass → 0.77 functional
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 4 Nov 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 94 packages
| Packages resolved | 94 |
|---|---|
| Stale | 30 |
| Tree resolution | Complete |
Background: SBOMs and build attestations, explained →
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 →
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?
| Name | Type | Req | Description |
|---|---|---|---|
| background_selector | string | yes | CSS selector for the background element |
| text_selector | string | yes | CSS selector for the text element |
| url | string | yes | URL of the page to analyze |
| viewport | object | – | Viewport 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?
| Name | Type | Req | Description |
|---|---|---|---|
| selectors | array | yes | CSS selectors to track across viewports |
| url | string | yes | URL of the page to analyze |
| viewports | array | yes | Viewport 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?
| Name | Type | Req | Description |
|---|---|---|---|
| overlay_selector | string | yes | The element that might be on top (e.g., the sticky header) |
| target_selector | string | yes | The element that might be occluded (e.g., the button) |
| url | string | yes | URL of the page to analyze |
| viewport | object | – | Viewport 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?
| Name | Type | Req | Description |
|---|---|---|---|
| selectors | array | yes | CSS selectors or Playwright locator strings |
| url | string | yes | URL of the page to analyze |
| viewport | object | – | Viewport 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?
| Name | Type | Req | Description |
|---|---|---|---|
| rules | array | yes | List of spatial rules to validate |
| url | string | yes | URL of the page to analyze |
| viewport | object | – | Viewport 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?
| Name | Type | Req | Description |
|---|---|---|---|
| selector | string | yes | CSS selector for the element to inspect |
| url | string | yes | URL of the page to analyze |
| viewport | object | – | Viewport size (default: 1280×720) |
No output schema declared.
No examples provided.
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
claude mcp add vola-trebla-playwright-spatial-layout-mcp -- npx -y playwright-spatial-layout-mcp
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 85 out of 100 on VerifyMCP. We found no known CVEs affecting it as of 4 November 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 4 November 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.