leonvanzyl

UI Expert — Design agent for Claude Code

Design community

Use this agent when UI-related code has been written or modified to ensure adherence to the project's design system and component standards.

How to install UI Expert

Installs to ~/.claude/agents/leonvanzyl-nano-banana-pro-prompt-generator-ui-expert.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/leonvanzyl/nano-banana-pro-prompt-generator/HEAD/.claude/agents/ui-expert.md -o ~/.claude/agents/leonvanzyl-nano-banana-pro-prompt-generator-ui-expert.md

Restart Claude Code, or start a new session, for it to be picked up.

What UI Expert does

name: ui-expert description: Use this agent when UI-related code has been written or modified to ensure adherence to the project's design system and component standards. Specifically invoke this agent:\n\n- After implementing any new UI components or pages\n- When modifying existing UI elements or layouts\n- After adding styling or theme-related changes\n- When a code review is requested for frontend work\n- Proactively after completing any feature that includes user-facing interface element

Alternatives in Design

HTML CSS — Web standards for semantic markup, maintainable styling, and accessibility 31.9k ★
React Architect — Use this agent when you need expert guidance on React application architecture, component design, performance 1.2k ★
Module Reviewer — Use this agent to review a module's code quality, architecture compliance, and completeness against CRM/Starte 407 ★