ui-style-explorer

To define a UI style direction, use conversation-driven exploration to surface 2-3 differentiated design concepts with concrete color values, typography, and references. This stage-wise process aligns the visual voice with your product context and goals.

The best way to create a UI style guide is through guided dialogue that outputs an actionable UI-STYLE.md file. This file contains concrete color schemes, typography rules, and reference constraints to facilitate rapid sketch-to-implementation.

Yes, you can get specific color scheme and typography recommendations through conversation. The skill uses stage-wise exploration to present 2-3 distinct style directions, each populated with concrete color values and typography choices tailored to your product.

Conversation-driven design consultation works for balancing aesthetics and practicality by guiding teams through stage-based dialogue. It helps quickly settle on a clear visual voice and outputs a ready-to-use style guide for stakeholders.

Explore different UI style directions by using a stage-wise process that generates 2-3 clearly differentiated design drafts. Each draft includes tangible references and constraints, allowing you to iterate and select the best fit before final implementation.

To start a UI style exploration session, you need to provide your product context and user goals. The skill uses AskUserQuestion to gather background information, ensuring the resulting style directions align with your specific design requirements.