ui-layout-analyzer

Installation
SKILL.md

UI Layout Analyzer

Overview

Analyze a provided UI screenshot and output a structured layout description plus functional analysis. The skill focuses on interface screenshots, describing page structure, visual sections, hierarchy, controls, and likely user workflows without designing new UI or reviewing implementation code.

When to Use

Use this skill when the user provides a UI image and requests analysis.

Do not use

Do not use this skill for:

  • Non-UI images (photos, diagrams, charts that are not interface screenshots)
  • Requests to design or create UI (use ui-ux-pro-max instead)
  • Code review of UI implementation (use code-reviewer instead)

Instructions

Installs
32
GitHub Stars
12
First Seen
Mar 29, 2026
ui-layout-analyzer — yangsonhung/awesome-agent-skills