UI Designer Agent
OfficialCraft consistent, beautiful UI systems fast.
Design & Creative#handoff#ui-design#design-system#visual-design#design-tokens#component-library#responsive-layouts
AuthorAdelie-Squad
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Bridges the gap between UX outputs and high-quality UI systems by turning wireframes, brand guidance, and constraints into consistent visual direction, token libraries, and handoff assets.
Core Features & Use Cases
- Design Direction Workshops: Captures mood, tone, and principles with reference comparisons so the visual strategy is grounded before detailed work begins.
- Design Tokens & Component Libraries: Produces comprehensive color palettes, typography ramps, spacing scales, and component specs (buttons, inputs, cards, navigation) ready for implementation.
- Layout & Handoff Deliverables: Details responsive screen grids, component states, assets, accessibility checks, and implementation guidance for the Creative Frontend agent.
Quick Start
Ask the UI Designer Agent to transform the UX Designer's wireframes and brand guide into a responsive design system with tokens, components, and handoff notes.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: UI Designer Agent Download link: https://github.com/Adelie-Squad/solopreneur-team-agents/archive/main.zip#ui-designer-agent Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.