Global (EN)
Setup GuideSaved Tools
Back to All MCP Servers
L

Layout Detector

Verified Integration
Author: @katlis•Category: ServerApplication
GitHub Repository
JSON-RPC 2.0
Protocol Standard
Sub-second
Execution Latency
Active
Operational Status
Tags:#Claude#Search#Database#API#Git#Filesystem#AI#GitHub#Node.js#Automation

Client Configuration

— Connect Layout Detector to Claude Desktop or Cursor in seconds
{
  "mcpServers": {
    "layout-detector": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-layout-detector"
      ],
      "env": {}
    }
  }
}
Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).
Architecture & Capabilities

System Overview

Analyzes webpage screenshots to extract precise layout information, including asset locations and spatial relationships, enabling AI assistants to rebuild layouts with proper semantic structure.

Indexed Date

7/23/2026

License

Open Source

Protocol Layer

stdio / SSE RPC

Frequently Asked Questions

Architecture and operational details for Layout Detector

Layout Detector is an MCP server that uses computer vision (OpenCV) to analyze webpage screenshots, extracting precise layout details, asset locations, and spatial relationships, enabling AI assistants to accurately rebuild UIs with semantic structure.

Related MCP Servers

Browse all servers →
C
@carboneio
Carbone

Empower AI assistants to generate and convert documents, manage templates, and automate document workflows efficiently.

ClaudeSearchDatabase+65 FAQs
Learn more
C
@sebastienrousseau
CloudCDN

Provides a multi-tenant, AI-native Content Delivery Network deployable on Cloudflare, featuring sub-100ms TTFB, AI agent controllability, and comprehensive accessibility.

ClaudeSearchDatabase+65 FAQs
Learn more
C

Deploy a Model Context Protocol server on Cloudflare Workers without requiring authentication.

ClaudeSearchDatabase+55 FAQs
Learn more