What problem does it solve?
Design exploration is often slow and disconnected from user feedback. Designers and product teams struggle to visualize multiple directions for a UI feature, compare them side-by-side, and iterate based on structured input. This Skill automates the generation of AI design variants and creates an interactive feedback loop, turning subjective design debates into concrete, visual decisions.
Core Features & Use Cases
- Multi-Variant Generation: Creates distinct AI-generated design directions for any screen or component, from landing pages to dashboard widgets.
- Comparison Board: Automatically opens a side-by-side HTML board in your browser so you can evaluate variants visually.
- Structured Feedback Loop: Collects user feedback through the browser and iterates on approved directions, building a taste memory for future projects.
- Use Case: You are building a new checkout flow and want to explore three visual directions: minimal, bold, and playful. Use this Skill to generate mockups, open them in a comparison board, and iterate until your team picks a winner.
Quick Start
Use the design-shotgun skill to generate multiple visual design variants for your new settings page and collect feedback via a side-by-side comparison board.