design-exploration

To generate multiple design variations for a UI component, this skill first analyzes the component's function, constraints, and degrees of freedom, then composes a structured design brief with concrete hypotheses to guide the generation of meaningful divergent directions.

Design thinking problem comprehension is the process of analyzing what a component does and what user problem it solves before generating layout variants, preventing shallow outputs and ensuring meaningful divergent design exploration.

Writing a structured design brief for exploring component behavior variants involves identifying hard and soft constraints, defining meaningful variation axes, and formulating concrete design hypotheses before delegating to a design subagent.

Yes, you can use this approach to reframe a design problem before implementation by reading and comprehending the target component's visual structure, interaction, and context to identify new possibilities and directions.

UI component variation generation often produces shallow outputs because it lacks problem comprehension beforehand; this skill solves that by capturing constraints, degrees of freedom, and chosen variation axes in a formal design brief before generation.

Design exploration without specifying constraints and degrees of freedom leads to unstructured results; this skill explicitly identifies these factors to define meaningful variation axes and generate concrete design hypotheses for the target component.