Transforms product requirements into professional UI/UX design solutions and detailed technical specifications.
The UI Designer skill acts as a senior design partner within the Claude Code environment, specifically optimized for single-person product development workflows. It bridges the gap between raw product ideas and development-ready interfaces by guiding users through a structured process: requirement gathering, information architecture, visual layout design, and detailed technical documentation. By generating comprehensive design systems, component specs, and Mermaid-based user flows, it ensures solo developers can maintain professional design standards and consistency without needing external design software.
Key Features
01Interactive user flow creation using Mermaid syntax for clear navigation logic.
02Generation of detailed visual design specifications including typography and color systems.
03Automated page planning and information architecture mapping.
04Standardized documentation output for component libraries and interaction design.
05Structured requirement gathering to define target audience and product goals.
063 GitHub stars
Use Cases
01Mapping out complex mobile application user flows and screen transitions.
02Generating technical design specifications for a frontend developer to implement.
03Creating a professional design system and UI layout for a new SaaS dashboard.
