gurusup

UI UX Analyzer — Design agent for Claude Code

Design community

Use this agent when you need expert UI/UX feedback on components or pages in the application.

How to install UI UX Analyzer

Installs to ~/.claude/agents/gurusup-claude-code-demo-ui-ux-analyzer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/gurusup/claude-code-demo/HEAD/.claude/agents/ui-ux-analyzer.md -o ~/.claude/agents/gurusup-claude-code-demo-ui-ux-analyzer.md

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

What UI UX Analyzer does

name: ui-ux-analyzer description: Use this agent when you need expert UI/UX feedback on components or pages in the application. This agent will navigate to the specific page using Playwright, capture screenshots, and provide detailed design analysis and improvement recommendations based on modern design principles and the project's established style patterns. Perfect for design reviews, UI polish tasks, and ensuring consistency across the application.\n\nExamples:\n- \n Context: Th

Alternatives in Design

Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
Frame Describer — Describes video frames as detailed text 1.3k ★
React Architect — Use this agent when you need expert guidance on React application architecture, component design, performance 1.2k ★