krishna1901

Screenshot UI Analyzer — Design agent for Claude Code

Design community

Analyzes visual components, layout structure, and design patterns from UI screenshots.

How to install Screenshot UI Analyzer

Installs to ~/.claude/agents/krishna1901-claude-config-screenshot-ui-analyzer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/krishna1901/claude-config/HEAD/agents/screenshot-ui-analyzer.md -o ~/.claude/agents/krishna1901-claude-config-screenshot-ui-analyzer.md

Restart Claude Code, or start a new session, for it to be picked up.

What Screenshot UI Analyzer does

name: screenshot-ui-analyzer description: Analyzes visual components, layout structure, and design patterns from UI screenshots tools: Read, Glob, 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, breadcru

Alternatives in Design

UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
UI Agent — Use when the user needs UI/UX design decisions, component architecture, layout, typography, color system, or v 118 ★
Sub-Agent Architecture Reviewer Command — Analyzes system architecture, detects violations, suggests improvements, and generates visual documentation us 116 ★