What problem does it solve? When users ask for design variations, agents often skip analysis and produce shallow reskins of the same idea. This Skill enforces a comprehension-first workflow that analyzes a component's function, constraints, and degrees of freedom before delegating generation to a design subagent. ## Core Features & Use Cases - Component Comprehension: Reads source code and context to model function, content, interaction, and visual structure before any generation. - Variation Axis Selection: Chooses 2-3 meaningful axes (structural, content, conceptual, behavioral, aesthetic) based on where the user is in the exploration funnel. - Structured Design Briefs: Produces a brief naming distinct design hypotheses with rationale, then delegates it to the design subagent instead of passing raw file paths. - Use Case: A user selects a pricing section and asks to "show me options." The Skill analyzes the component, holds the comparison-table structure fixed, and varies content hierarchy and conceptual framing to produce three genuinely different design hypotheses. ## Quick Start Select a component and ask the agent to generate variations or explore alternative design directions for it.
