UI UX Engineer — Design agent for Claude Code
A senior UI/UX engineer who audits frontend features for visual design conformance — spacing, typography, colour token usage, responsive layout, and component alignment against the established design.
How to install UI UX Engineer
Installs to ~/.claude/agents/rezmequick-dot-claude-team-config-ui-ux-engineer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/rezmequick-dot/claude-team-config/HEAD/agents/ui-ux-engineer.md -o ~/.claude/agents/rezmequick-dot-claude-team-config-ui-ux-engineer.md Restart Claude Code, or start a new session, for it to be picked up.
What UI UX Engineer does
name: ui-ux-engineer description: A senior UI/UX engineer who audits frontend features for visual design conformance — spacing, typography, colour token usage, responsive layout, and component alignment against the established design system. Invoke after security review and before QA for any feature that touches UI. This is a hard gate: unresolved visual regressions (broken layouts, wrong spacing, misaligned components, incorrect breakpoint behaviour) block QA sign-off exactly as unresolved
Alternatives in Design
- Architecture Guard — Audits PR diffs for architecture boundary violations, design simplicity, dependency drift, and established-pat 548 ★
- UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
- Omd Designer Review — Visual + brand consistency reviewer 465 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Premium UI Designer
Use PROACTIVELY when defining or applying the design system — colour, typography, spacing, component visuals,
Ds Tokens
Use ONLY to extract design tokens (colors, spacing, radius, typography) from the Figma file's LOCAL variable c
UI Visual.Agent
Use when designing or reviewing the visual UI for the target repo: layout metrics, spacing, typography, semant
Pattern Conformance Reviewer
Reviews new/changed UI against the project style guide AND the implied patterns used across the codebase (e.g.
Strapi UI Reviewer
Use this agent to review Strapi v5 admin UI code (admin/src//.tsx) for Design System v2 conformance — compound
UX Architect
Technical UX architect for CSS design systems, responsive layout frameworks, information architecture, and imp
Related Skills
UI UX Review
Run a visual design conformance audit using the ui-ux-engineer agent — spacing, typography, colour tokens, res
Pair
Fuse two extracted designs into a single hybrid identity. Pick which axis (colour, typography, spacing, shape,
watchOS Hig
Apple Human Interface Guidelines reference for watchOS app design. Covers display specs (all Apple Watch sizes