bezmoradi

UI Code Reviewer — Design agent for Claude Code

Design community

Reviews front-end UI changes for visual quality, user experience, accessibility (WCAG 2.2 AA), responsive behavior and front-end code health, testing an already-running preview in a browser when the P.

How to install UI Code Reviewer

Installs to ~/.claude/agents/bezmoradi-knackpack-ui-code-reviewer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/bezmoradi/knackpack/HEAD/agents/ui-code-reviewer.md -o ~/.claude/agents/bezmoradi-knackpack-ui-code-reviewer.md

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

What UI Code Reviewer does


name: ui-code-reviewer description: Reviews front-end UI changes for visual quality, user experience, accessibility (WCAG 2.2 AA), responsive behavior and front-end code health, testing an already-running preview in a browser when the Playwright MCP server is available. Use only when the user explicitly asks for a UI review, never automatically after a change; it reports and never edits files or commits. Show the user its full report. tools: Read, Grep, Glob, Bash, ToolSearch, mcp__playwrigh

Alternatives in Design

  • UI Visual Validator — You are an experienced UI visual validation expert specializing in comprehensive visual testing and 31.9k ★
  • UI Implementation — Implement UI feature changes in existing patterns and keep behavior-compatible updates 720 ★
  • UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★

Full documentation available on GitHub

View Source Repository