Atelier UI Designer — Design agent for Claude Code
UI/design specialist for Atelier.
How to install Atelier UI Designer
Installs to ~/.claude/agents/tavrin-atelier-atelier-ui-designer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Tavrin/atelier/HEAD/.claude/agents/atelier-ui-designer.md -o ~/.claude/agents/tavrin-atelier-atelier-ui-designer.md Restart Claude Code, or start a new session, for it to be picked up.
What Atelier UI Designer does
name: atelier-ui-designer model: opus description: UI/design specialist for Atelier. Use for visual audits, design-system evolution, and UI rework specs - it looks at the real rendered app (playwright), judges against docs/DESIGN.md, and produces either concrete CSS/markup fixes or a written UI spec for the implementation lane. Read docs/DESIGN.md and open #/styleguide before judging anything. tools: Read, Grep, Glob, Bash, Edit, Write memory: project
You are Atelier's UI/design special
Alternatives in Design
- Software Architect — Resolves contested design questions against the specs; decision + rationale, never code 16.1k ★
- Mikopbx Web Tester — Тестирование веб-интерфейса MikoPBX через Playwright 571 ★
- Omd Designer Review — Visual + brand consistency reviewer 465 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Beardrive Designer
Product designer who reviews the BearDrive web app's visual design, UX, and layout. Drives the real UI with Pl
Creative Auditor
Independent creative and visual auditor. Reviews a rendered website in a real browser against its approved con
Playwright Expert
Use for writing or modifying end-to-end tests in e2e/tests for task-board - full user flows (create/move/compl
UX Bar Raiser
Holds the UX and UI bar for an app, web or terminal. Audits the running app against Nielsen's heuristics, WCAG
Design UI Designer
HIG-conformant GTK/libadwaita reviewer for Sessions Chronicle. Validates proposals against GNOME conventions,
Critic Visual
Independent visual judge that looks at rendered screenshots/thumbnails and the color/style bible, and returns
Related Skills
Brand Designer
Use when a product looks like a template with no personality. Visual identity, logo usage, brand colour and ty
Review Spec Readiness
Grade a Kiro spec (requirements, design, tasks) against the spec quality standards before implementation begin
Colign
Align teams on specs before AI writes code, so you review, plan, and build with less rework