What problem does it solve?
This Skill ensures comprehensive understanding of components before generating design variations, promoting meaningful divergence rather than superficial reskins.
Core Features & Use Cases
- Component Analysis: Reads source code and context to identify function, content, interaction, and visual structure.
- Constraints Identification: Differentiates hard, soft, and adjustable constraints to focus variation efforts.
- Axes Selection & Variation: Selects 2-3 key axes (structural, content, conceptual, behavioral, aesthetic) based on user intent and component analysis.
- Design Brief Composition: Creates detailed hypotheses to guide design exploration, encompassing the rationale for each variation.
- Delegation: Passes structured briefs to the design subagent for generation, ensuring all variations are hypothesis-driven.
When a user requests variations or ideas, it analyzes the component thoroughly, chooses relevant axes for meaningful exploration, and produces a clear, rationale-backed brief to guide the variation process.
Quick Start
Provide a component source code or description, and ask for multiple design variations to explore different hypotheses about its structure, content, or style.
