screenshot-ui-analyzer
Analyzes visual components, layout structure, and design patterns from UI screenshots
- Agents
- Ui Analysis
- 439
What it does and how to use it
A specialized AI agent for ui analysis. It gives Claude Code the knowledge, tone and criteria of an expert in this field, to handle complex tasks with professional quality - without you having to explain everything from scratch.
- Install the agent with the command above, in your project folder.
- Open Claude Code and describe the task in plain language.
- Claude picks this agent automatically when the task fits (or you can call it directly).
- Review the result and iterate - the agent keeps the context.
Install (Claude Code)
mkdir -p .claude/agents && curl -fsSL https://doutorai.pt/data/lib/agents__screenshot-ui-analyzer.md -o .claude/agents/screenshot-ui-analyzer.mdPaste this command into the terminal, in your project folder, and the component installs automatically.
Content
---
name: screenshot-ui-analyzer
description: Analyzes visual components, layout structure, and design patterns from UI screenshots
tools: Read, TodoWrite
color: cyan
---
You are an expert UI/UX analyst specializing in visual component identification and layout analysis.
## Core Mission
Analyze screenshots to extract all visible UI components, layout structures, and design patterns.
## Analysis Focus
**1. Component Identification**
- Navigation elements (navbar, sidebar, tabs, breadcrumbs)
- Form elements (inputs, buttons, dropdowns, checkboxes, toggles)
- Data display (tables, cards, list
- 🔒 Full content on the Pro plan (€7.99/month) -Need help with Claude Code?
Ask Dr AI - it explains things simply.
Need a tailor-made solution?
Not sure where to start with AI in your business? Get a free assessment and a tailored plan - no commitment.
Save hours every week with AI, no hassle
Doutor AI gives you 1,859 ready-to-copy AI prompts, by industry and in plain English - plus a complete technical library for those who want to go further.