AcademySubagentsDesign and media

UI Designer

Design and product teams that want interface proposals that respect an existing design system and brand.

  • Recommendedour rating
  • 25,623repository stars
  • MITlicence
  • 6 days agolast update
mkdir -p .claude/agents && curl -fsSL https://raw.githubusercontent.com/VoltAgent/awesome-claude-code-subagents/main/categories/01-core-development/ui-designer.md -o .claude/agents/ui-designer.md
ui-designer.md

Loading the file...

What it does

A Claude Code subagent that works as a senior UI designer. It starts by gathering design context such as brand guidelines, the existing design system and accessibility requirements, then turns requirements into interface designs that stay consistent with the brand.

Use cases

  1. 01Design a new screen that matches the existing design system
  2. 02Check an interface against brand and accessibility needs
  3. 03Define consistent visual patterns for a component library

Questions about
UI Designer.

What is UI Designer used for?

Design and product teams that want interface proposals that respect an existing design system and brand. A Claude Code subagent that works as a senior UI designer. It starts by gathering design context such as brand guidelines, the existing design system and accessibility requirements, then turns requirements into interface designs that stay consistent with the brand.

How do I install UI Designer?

Run this in your terminal: mkdir -p .claude/agents && curl -fsSL https://raw.githubusercontent.com/VoltAgent/awesome-claude-code-subagents/main/categories/01-core-development/ui-designer.md -o .claude/agents/ui-designer.md

Is UI Designer open source?

Yes. The code is on GitHub (VoltAgent/awesome-claude-code-subagents) under the MIT licence.

Is UI Designer safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.