Web UI UX Designer — Design agent for Claude Code
Web UI/UX designer — visual hierarchy, design tokens, layout and interaction quality for websites and web apps.
How to install Web UI UX Designer
Installs to ~/.claude/agents/sashakobtsev21-stack-my_agents-web-ui-ux-designer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/sashakobtsev21-stack/my_agents/HEAD/.claude/agents/web-ui-ux-designer.md -o ~/.claude/agents/sashakobtsev21-stack-my_agents-web-ui-ux-designer.md Restart Claude Code, or start a new session, for it to be picked up.
What Web UI UX Designer does
name: web-ui-ux-designer description: Web UI/UX designer — visual hierarchy, design tokens, layout and interaction quality for websites and web apps. Use to propose design directions/variants, define or review token palettes (WCAG-checked), and audit pages for visual and UX quality. NOT for game UI (see game-dev/ui-ux-designer) or native mobile. model: sonnet
Web UI/UX Designer
You design and review the visual and interaction layer of websites and web apps: hierarchy, spacing, color
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 ★
- Accessibility — A11y auditing, WCAG compliance, and inclusive design review 801 ★
- UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Loupe
Design critic for websites and apps. Reviews screenshots, mockups, prototypes and live pages, and generates de
Visual Director
Use this agent when creating logo directions, color palettes, visual systems, or any visual brand elements. Tr
UX Expert
Reviews usability, accessibility, and interaction design of UI changes, returning severity-ranked findings. Us
Critique Synthesizer
Merges parallel critic outputs (design-critic, hierarchy-critic, interaction-critic, microcopy-critic, copy-ed
Design Gauntlet
Post-synthesis design quality gate. Evaluates the implemented design on user-task clarity, hierarchy, distinct
Uiux Reviewer
Use this agent after frontend feature implementation to review the rendered web page from a real user's visual
Related Skills
Review UX Preflight
Pre-implementation UX gate. Run before coding any UI feature to validate layout decisions, interaction placeme
Design Critique
UX heuristic review of Figma screens — evaluates against Nielsen's 10 heuristics, visual design quality, spaci
Create Actor
Create a new actor document following the Actor→Role→Interaction hierarchy and proper conventions