What problem does it solve?
Turning a product idea into concrete visual directions is slow when designers must manually mock up every alternative. This Skill generates three distinct image-based UI design concepts from a confirmed design brief, grounded in your existing screenshots, Figma files, tokens, and design system context.
Core Features & Use Cases
- Brief-Gated Ideation: Requires the Product Design get-context workflow to confirm the design brief before any image generation, preventing wasted concepts built on wrong assumptions.
- Context-Grounded Generation: Attaches provided screenshots, Figma frames, Storybook captures, design tokens, and component references directly to the Image Gen call so options match your product's visual language.
- Three Distinct Directions: Produces exactly three independent concepts with different information hierarchy, layout strategy, or product framing, each at target dimensions matched to mobile, tablet, desktop, or marketing surfaces.
- Use Case: You describe a new dashboard feature and attach your app's current screens. The Skill confirms the brief, then generates three visual directions at 1440x1024 so you can pick one before any code is written.
Quick Start
Ask the agent to generate three visual design options for your feature idea, attaching any reference screenshots or Figma links you have.
