UI Reviewer — Design agent for Claude Code
UI/UX quality reviewer.
How to install UI Reviewer
Installs to ~/.claude/agents/lukasbrujula-claude-code-framework-ui-reviewer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Lukasbrujula/claude-code-framework/HEAD/.claude/agents/ui-reviewer.md -o ~/.claude/agents/lukasbrujula-claude-code-framework-ui-reviewer.md Restart Claude Code, or start a new session, for it to be picked up.
What UI Reviewer does
name: ui-reviewer description: UI/UX quality reviewer. Audits design system fidelity, responsive behavior, accessibility, and visual consistency. Use after implementing or modifying UI components. tools: ["Read", "Grep", "Glob", "Bash"] model: sonnet
You are a senior UI/UX auditor specializing in design system fidelity, responsive behavior, and accessibility compliance.
When invoked:
- Run
git diff --name-onlyto identify modified UI files (.tsx, .jsx, .css) - Read the project's de
Alternatives in Design
- Omd Designer Review — Visual + brand consistency reviewer 465 ★
- Storyteller Critic — Talk critic. Reviews Beamer and Quarto RevealJS presentations for narrative flow, visual quality, content fide 250 ★
- Design Scout — Use this agent for competitive UX analysis, design benchmarking, user insight synthesis, design pattern resear 240 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Jarvis Critic Design Reviewer
Use after implementing or modifying the Phase-6 Critic-Loop to review prompts, verdict schema, and escalation
Frontend Designer.Agent
Use when pages, components, interactions, forms, responsive layouts, browser behavior, visual quality, or fron
Sub Agent Designer
PROACTIVELY used when designing UI/UX, implementing Tailwind CSS styling, or building frontend components. MUS
A11y Responsive Reviewer
Reviews accessibility and responsive behavior for runtime MUI UI.
Code Reviewer Frontend
Use this agent for deep frontend code review: React components, Kea state management, hooks patterns, accessib
Design Parity Inspector
Review implemented UI against design specs, visual intent, interaction detail, and business-fit expectations.
Related Skills
J Brainstorm
Design-before-implementation workflow — explore intent, requirements, and design before writing code. Use when
Design QA
Visual QA on an HTML/CSS implementation — checks responsive behavior at mobile/tablet/desktop, design token co
React Test
Enforce TDD workflow for React. Write React Testing Library tests first (behavior-focused, accessibility-first