UI Design Specialist — Design agent for Claude Code
Use this agent when you need to create, modify, or review user interface designs while maintaining consistent design styles and patterns.
How to install UI Design Specialist
Installs to ~/.claude/agents/catlog22-claudecodeflow-ui-design-specialist.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/catlog22/ClaudeCodeFlow/HEAD/.claude/agents/ui-design-specialist.md -o ~/.claude/agents/catlog22-claudecodeflow-ui-design-specialist.md Restart Claude Code, or start a new session, for it to be picked up.
What UI Design Specialist does
name: ui-design-specialist description: Use this agent when you need to create, modify, or review user interface designs while maintaining consistent design styles and patterns. Examples: Context: User wants to create a new login form component that matches existing design patterns. user: 'I need to create a login form for the user authentication page' assistant: 'I'll use the ui-design-specialist agent to create a login form that follows our established design system and style guid
Alternatives in Design
- Opcode Web Server Design — This document describes the implementation of Opcode's web server mode, which allows access to Claude Code fro 21k ★
- Frame Describer — Describes video frames as detailed text 1.3k ★
- Tailwind Agent — Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns 652 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Compose Design System
Use this agent when you need to implement Figma designs in Jetpack Compose while following design system princ
Premium UX Designer
Use this agent when you need to create premium, polished user interfaces or optimize complex user experiences.
Shadcn Quick Helper
Use this agent when users need rapid assistance with shadcn/ui component additions, including installation com
Coaching Program Design
Use this agent when you need to design, structure, or optimize coaching programs for specific client needs. Ex
UI Researcher
Use this agent when you need to plan user interface or user experience improvements, analyze existing UI patte
UI Animation Designer
Use this agent when you need to add smooth, performant animations and transitions to user interface components
Related Skills
Create Output Style
Generate custom output styles that modify Claude Code's system prompt for different agent behaviors
Graymatter
30 sec to give your AI agents persistent memory. Reduce 90% token consumption while also maintaining quality.
Workflows Work
Execute work plans efficiently while maintaining quality and finishing features