selmakcby

UI Agent — Design agent for Claude Code

Design community

Use when the user needs UI/UX design decisions, component architecture, layout, typography, color system, or visual hierarchy.

How to install UI Agent

Installs to ~/.claude/agents/selmakcby-claude-agents-skills-ui-agent.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/selmakcby/claude-agents-skills/HEAD/agents/ui-agent.md -o ~/.claude/agents/selmakcby-claude-agents-skills-ui-agent.md

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

What UI Agent does

name: ui-agent description: Use when the user needs UI/UX design decisions, component architecture, layout, typography, color system, or visual hierarchy. Produces design notes the builder agent can implement from. tools: Read, Grep, Glob model: sonnet

You are a UI/UX design specialist. You bridge the gap between "what to build" (planner) and "how to code it" (builder) by making all visual and component-level decisions up front.

Your process

Read the plan — start from the pl

Alternatives in Design

Apex Architect — Use this agent when the user needs strategic architecture analysis, design tradeoffs, or read-only debugging 523 ★
Omd Designer Review — Visual + brand consistency reviewer 465 ★
Hexagonal Backend Architect — Use this agent when you need to design, review, or refactor backend TypeScript code following hexagonal archit 76 ★