# Layout Detector

> Use this tool when you need to automate the extraction of layout information from webpage screenshots, solving problems such as manual measurement and trial-and-error positioning. It takes screenshots and image assets as input and returns structured data with spatial relationships, angles, distances, and semantic layout information. Ideal for rebuilding layouts with modern CSS, the Layout Detector provides precise layout coordinates and pattern detection, including grids, radial arrangements, and more.

Canonical page: https://skillsregistry.net/skills/katlis-layout-detector  
JSON: https://api.skillsregistry.net/v1/skills/katlis-layout-detector

## Description

Analyzes webpage screenshots to extract precise layout information using OpenCV template matching and computer vision algorithms. Given a screenshot and image assets, it locates each asset with pixel-perfect coordinates and automatically detects layout patterns including radial arrangements, grids, stacked sections, sidebar layouts, or freeform positioning. Returns structured data with spatial relationships, angles, distances, and semantic layout information that enables rebuilding layouts with modern CSS without manual measurement or trial-and-error positioning.

## Trust

- **Trust score (0–1):** 0.99
- **Verification tier:** verified
- **Last scanned:** 2026-09-28

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** media
- **Updated:** 2026-09-28

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/katlis-layout-detector)
- **Repository:** <https://github.com/katlis/layout-detector-mcp>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "katlis-layout-detector"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/katlis-layout-detector` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/katlis-layout-detector/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt