catlog22

UI Design Specialist — Design agent for Claude Code

Design community

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

Terminal
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 Repository