Ui Design Agent
UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG AA validation, responsive layout templates.
- Type
- Subagent
- Repository
- catlog22/maestro-flow
- GitHub stars
- 558
- License
- Not declared
- Repo last updated
- Sep 24, 2026
- Source file
- .claude/agents/ui-design-agent.md
What Ui Design Agent is
Ui Design Agent is a subagent published in the catlog22/maestro-flow repository on GitHub, which has about 558 stars. The repository describes itself as: “Intent-driven workflow orchestration for multi-agent AI development — adaptive lifecycle engine, self-reinforcing knowledge graph, and visual dashboard for Claude Code, Gemini, Codex & more”
A subagent is a specialist assistant that Claude can hand part of a task to. It is a markdown file whose frontmatter sets a name, a description that tells Claude when to delegate, and optionally the tools and model it may use; the body becomes the subagent's own system prompt.
Because a subagent works in its own context, it keeps the main conversation focused: Claude can send a narrow job, such as a review or a specialised analysis, to Ui Design Agent and get back a compact result.
How to install Ui Design Agent
Claude Code
- Download ui-design-agent.md from the repository.
- Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control.
- Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.
Claude Cowork
- Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent.
- Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.
New to extending Cowork? Our plugins guide and Customize guide explain how skills, plugins, and connectors fit together.
Inside the source file
The repository does not declare an open-source license, so we list only the outline of the file here. Read the full text on GitHub.
- Agent Operation
- Execution Flow
- Core Principles
- Task Patterns
- Pattern 1: Option Generation
- Pattern 2: System Generation
- Pattern 3: Assembly
- Design Standards
- Token System (W3C Design Tokens Format + OKLCH Mandatory)
- Accessibility & Responsive Design
- Component State Coverage
- JSON Schema Templates
- design-tokens.json
- layout-templates.json
Before you install
- Read the whole file first. Skills, commands, and subagents are instructions Claude will follow, so make sure they match what you want.
- Check which tools, scripts, or MCP servers it uses. Local servers and scripts run with your permissions.
- Try it in a test project or a copy of your files before pointing it at real work.
- Pin the version you tested, and review changes before updating.
- Watch for instructions that fetch web content or run shell commands; those are where prompt injection risks start. See our prompt injection guide.
FAQ
What is Ui Design Agent?
Ui Design Agent is a subagent for Claude Code and Claude Cowork from the catlog22/maestro-flow repository on GitHub. UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG AA validation, responsive layout templates.
How do I install Ui Design Agent in Claude Code?
Download ui-design-agent.md from the repository. Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control. Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.
Can I use Ui Design Agent in Claude Cowork?
Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent. Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.
Is Ui Design Agent safe to install?
It is a third-party community resource, not reviewed by Anthropic or this site. Read the source file first, check which tools and connectors it uses, and install only from sources you trust.
Similar resources
- Maestro Init Initialize project with auto state detection Slash Command · catlog22/maestro-flow
- Maestro Milestone Audit Audit current milestone for cross-phase integration gaps Slash Command · catlog22/maestro-flow
- Maestro Milestone Release Bump version, generate changelog, tag milestone Slash Command · catlog22/maestro-flow
- Maestro Milestone Complete Archive completed milestone and prepare for next Slash Command · catlog22/maestro-flow
- Workflow Analyzer Evaluates technical topics, proposals, or decisions across multiple dimensions with evidence-based scoring and recommendations. Subagent · catlog22/maestro-flow
- Team Worker Unified worker agent for team pipelines. Executes role-specific logic loaded from a role_spec file within a built-in task lifecycle (discover, execute, report). Subagent · catlog22/maestro-flow
- Workflow Codebase Mapper Analyzes existing codebase from a specific focus area, spawned in parallel Subagent · catlog22/maestro-flow
- Team Supervisor Resident pipeline supervisor agent. Message-driven lifecycle for cross-checkpoint quality observation and health monitoring. Subagent · catlog22/maestro-flow