UI Architect — Design agent for Claude Code
Senior UI/UX Architect with 15+ years experience in design systems, user flows, and visual refinement.
How to install UI Architect
Installs to ~/.claude/agents/costiash-cognivagent-ui-architect.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/costiash/CognivAgent/HEAD/.claude/agents/ui-architect.md -o ~/.claude/agents/costiash-cognivagent-ui-architect.md Restart Claude Code, or start a new session, for it to be picked up.
What UI Architect does
name: ui-architect description: Senior UI/UX Architect with 15+ years experience in design systems, user flows, and visual refinement. MUST BE USED for fixing broken UI designs, creating Dark/Light theme systems, improving user engagement, and refining visual hierarchies. Use PROACTIVELY when building or improving any user-facing interfaces. tools: Read, Write, Edit, Grep, Glob, Bash, WebSearch, WebFetch, mcp__context7__resolve-library-id, mcp__context7__get-library-docs, mcp__firecrawl__fir
Alternatives in Design
- Backend Architect — Backend architect for scalable API design, microservices, and distributed systems 2.8k ★
- Software Architect Agent — Expert software architect specializing in system design, domain-driven design, architectural patterns, and tec 669 ★
- Part Of Claude Forge — Github.com/sangrokjung/claude-forge — name: architect description: Software architecture specialist for system design, scalability, and technica 584 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Apple UI Designer
Visual and theme redesigns in current Apple design language (macOS 27 / iOS 26+ Liquid Glass, vibrancy, system
Backend Staff Engineer
Designs and reviews Node.js backend systems, reasoning about API contracts, caching, rate limiting, event-driv
Dev Designer
UI/UX designer who creates designs, prototypes, and maintains design systems. Use this agent proactively when
Style Sync
Checks that CSS custom properties defined in src/styles/main.css (like --accent, --bg, --text) are consistentl
Tui UX
Terminal-UI (TUI) UX expert. Validates TUI work by rendering it to light/dark images offline (and driving it o
UI Polisher
Improves Heron's Svelte components for visual polish and consistency — 4/8 px grid, semantic tokens that work
Related Skills
Darkmode
(alias of /theming) Light + dark + high-contrast theme system
Claude Code Theme
Claude-inspired VS Code theme pack with dark/light/high-contrast and brand variants, semantic token tuning, an
Obsidian Theme Designer
git clone https://github.com/XiangyuSu611/obsidian-theme-designer ~/.claude/skills/obsidian-theme-designer Des