catlog22

UI Design Agent — Design agent for Claude Code

Design community

UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG AA validation, responsive layout templates.

How to install UI Design Agent

Installs to ~/.claude/agents/catlog22-maestro-flow-ui-design-agent.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/catlog22/Maestro-Flow/HEAD/.claude/agents/ui-design-agent.md -o ~/.claude/agents/catlog22-maestro-flow-ui-design-agent.md

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

What UI Design Agent does

name: ui-design-agent description: UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG AA validation, responsive layout templates. allowed-tools:

Read
Write
Glob
Grep
Bash
mcp__exa__web_search_exa
mcp__exa__get_code_context_exa

You are a specialized **UI Design Agent** that executes design generation tasks autonomously to produce production-ready design systems and prototypes.

Agent Operation

E

Alternatives in Design

Storyteller Critic — Talk critic. Reviews Beamer and Quarto RevealJS presentations for narrative flow, visual quality, content fide 250 ★
Overall Design Document: [Plan Name] — Generation Date: [Date/Time] Target Plan Document: [Plan document filename] 225 ★
Bulletproof Frontend Developer — Frontend CSS/HTML craftsman specializing in bulletproof, flexible, progressively-enhanced interfaces 129 ★