What problem does it solve?
Converts vague or missing design guidance into polished, production-ready user interfaces that feel intentional, cohesive, and emotionally engaging, reducing the back-and-forth between designers and developers when mockups are absent.
Core Features & Use Cases
- Design-first implementation: Translate a short brief or existing patterns into visually striking UI components and pages.
- Aesthetic systems: Establish typography, color variables, spacing, and motion patterns that scale across a codebase.
- Polish & accessibility: Add refined visual details, performant CSS animations, and accessibility best practices to make interfaces memorable and usable.
- Use Case: Turn a product manager's text description or an exploratory sketch into a pixel-refined landing section, interactive component, or themeable design system fragment.
Quick Start
Use the frontend-ui-ux skill to convert a short product brief into a production-ready, accessible landing component with typography, color variables, and motion.