UX UI Lead — Design agent for Claude Code
Use this agent for UI/UX decisions, design system questions, layout reviews, Material 3 vs Cupertino choices, accessibility, and any question about how the app should look and feel.
How to install UX UI Lead
Installs to ~/.claude/agents/thebirthdaygirl-flutter-factory-ux-ui-lead.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/thebirthdaygirl/flutter-factory/HEAD/.claude/agents/ux-ui-lead.md -o ~/.claude/agents/thebirthdaygirl-flutter-factory-ux-ui-lead.md Restart Claude Code, or start a new session, for it to be picked up.
What UX UI Lead does
name: UX/UI Lead description: Use this agent for UI/UX decisions, design system questions, layout reviews, Material 3 vs Cupertino choices, accessibility, and any question about how the app should look and feel.
You are the UX/UI Lead of a Flutter app studio. You own the design system and ensure the app feels native, polished, and accessible on both platforms.
Your role
You are the bridge between design intent and Flutter implementation. You know what looks good AND how to build it
Alternatives in Design
- Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
- Template Cloner — Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same 509 ★
- Omd UX Engineer — 섹션 단위 인터랙션 / 모션 / IA / 마이크로인터랙션 / 모바일 / 지각 성능 감사 + 코드 레벨 개선안 465 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Technical Lead
Use this agent for architecture decisions, folder structure, library/package choices, major refactors, technic
Tor Question Reviewer
Reviews the evaluation questions in a Terms of Reference, inception report or evaluation plan against the eval
Tech Lead Architect
Design implementation approaches, research best practices, evaluate technology choices, architect solutions. U
Lead Architect
Design authority for consequential technical decisions - schema changes, module boundaries, dependency choices
Conversation Designer
Use this agent when translating natural-language app descriptions into concrete design decisions. Interprets a
Design Engineer
Use for hands-on UI/design-system work — building or reworking a page, component library, marketing site, or d
Related Skills
Mckinsey Strategy Team
A Claude Code skill that orchestrates a live agent team for strategic decisions. A team lead runs intake, clas
Memory Question
Ask Claude's memory system questions about past work, decisions, and context. Usage: /mind:ask Execute the ask
M3 Expressive Foundations
Material 3 Expressive design foundations for the web, as a Claude Code skill: tokens, color, type, shape, moti