UI Design Reviewer — Design agent for Claude Code
Use PROACTIVELY to review generated HTML/CSS mock files against a DESIGN.md specification.
How to install UI Design Reviewer
Installs to ~/.claude/agents/t-eeeeeee-n-claude-code-agents-ui-design-reviewer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/t-eeeeeee-n/claude-code-agents/HEAD/agents/ui-design-reviewer.md -o ~/.claude/agents/t-eeeeeee-n-claude-code-agents-ui-design-reviewer.md Restart Claude Code, or start a new session, for it to be picked up.
What UI Design Reviewer does
name: ui-design-reviewer description: Use PROACTIVELY to review generated HTML/CSS mock files against a DESIGN.md specification. MUST BE USED after generating UI mocks, scaffolding pages from a design system, or whenever the user asks to "check the design", "review the mocks", "verify DESIGN.md compliance", or says things like "デザインレビュー", "デザイン崩れてない?", "DESIGN.md守れてる?". Reviews for token adherence, cross-screen consistency, brand residue, and visual semantic issues that grep-based checks can
Alternatives in Design
- HTML CSS — Web standards for semantic markup, maintainable styling, and accessibility 31.9k ★
- Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
- Mckinsey Slide Agent — McKinsey-style slide deck composer 566 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Octave Presentation Reviewer
Visual and structural reviewer for Octave-generated HTML documents. Spawned by the review gate (skills/shared/
UI UX Iterador Rapido
Use this agent whenever you need to quickly create or iterate unique and differentiated HTML/CSS designs—espec
Tailwind Patterns
Use proactively whenever the user writes or modifies Tailwind CSS — including utility classes, theme configura
Brand Reviewer
Reviews a finished piece of copy, design or messaging against the project's brand profile and the relevant rul
Sound Designer
Load when the user wants to add sound to a product UI or a launch video, asks "should this have a sound?", wan
Forms
HTML Forms + Sage specialist — analyzes existing form implementations (Blade form view, JS validation module,
Related Skills
Deploy Homepage Web
Deploy the Macgie homepage (landing site) to Cloudflare Pages for the designer to preview in a browser. Use wh
Generate API Mocks
Sinh mock/stub cho API (Playwright route / WireMock) từ response thực tế hoặc Swagger spec — kèm test cho các
Stark Assets
Plan UI assets for a Stark design before implementation, including references, icons, typography, generated pr