design-exploration

What problem does it solve?

This Skill ensures that before generating design variations, the agent thoroughly understands the component's purpose, constraints, and the user's intent, leading to more meaningful and diverse design outputs.

Core Features & Use Cases

• Problem Comprehension: Analyzes component function, content, interaction, structure, and context.
• Constraint Identification: Distinguishes between hard and soft constraints to identify degrees of freedom.
• Meaningful Variation: Selects strategic axes (structural, content, conceptual, behavioral, aesthetic) for exploration.
• Design Brief Generation: Creates a structured brief before delegating to a design subagent.
• User Communication: Explains design choices and trade-offs to the user.
• Use Case: When a user asks for "different options" for a UI component, this skill will first analyze the component, identify what can be changed, and then propose distinct variations based on layout, content emphasis, or interaction patterns, explaining the rationale behind each.

Quick Start

Use the design exploration skill to generate variations for the selected component, focusing on structural and aesthetic differences.