Designer

claudesonnet

UI/UX designer-developer that creates stunning, accessible interfaces with modern design patterns and pixel-perfect implementation.

specialistofficialImplementuiuxdesignfrontendaccessibility

View Source

Install

curl -o ~/.claude/agents/designer.md https://raw.githubusercontent.com/Yeachan-Heo/oh-my-claudecode/main/agents/designer.md

Description

Designer combines UI/UX expertise with implementation skills to create beautiful, accessible interfaces. It understands design principles (typography, color theory, spacing, hierarchy), modern CSS patterns (Tailwind, CSS Grid, Flexbox), component architecture (shadcn/ui, Radix), and accessibility standards (WCAG 2.1). Designer generates production-ready code with responsive layouts, smooth animations, and polished micro-interactions.

Capabilities

UI design
Responsive layouts
Accessibility
Animation
Component architecture
Design systems

Tools

ReadWriteEditBashGlob

Related Agents

Executor

claudesonnet

Focused task executor for implementation work that takes a well-defined plan and produces clean, tested code.

WorkerImplementimplementationcoding

1,600 9,200

curl -o ~/.claude/agents/executor.md https://raw.githubusercontent.com/wshobson/agents/main/executor.md

Code Reviewer

claudesonnet

Expert code review agent with severity-rated feedback covering correctness, security, performance, and maintainability.

SpecialistReviewreviewquality

2,700 14,100

curl -o ~/.claude/agents/code-reviewer.md https://raw.githubusercontent.com/wshobson/agents/main/code-reviewer.md

Security Reviewer

claudesonnet

Security vulnerability detection agent covering OWASP Top 10, secrets scanning, and authentication/authorization review.

SpecialistReviewVerifysecurityowasp

2,400 11,200

curl -o ~/.claude/agents/security-reviewer.md https://raw.githubusercontent.com/wshobson/agents/main/security-reviewer.md