design-shotgun

Generate multiple UI design variants and open a side-by-side comparison board.

Updated Mar 30, 2026

Search Tags:#design #brainstorming #UI #variant generation #design-shotgun #visual exploration

Ready to run

npx skills add https://github.com/nhattran998/personal-athlete-agent --skill design-shotgun-nhattran998

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/nhattran998/personal-athlete-agent/tree/main/.agents/skills/gstack-design-shotgun
Command: npx skills add https://github.com/nhattran998/personal-athlete-agent --skill design-shotgun-nhattran998

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design shotgun helps design teams quickly generate and compare AI-generated UI design variants, enabling faster visual exploration and consensus.

Core Features & Use Cases

Generate multiple UI design variants across layouts, color schemes, and typography to explore options.
Open a side-by-side comparison board to gather structured feedback and drive iterative improvements.
Proactively suggest alternative directions when user describes a feature but hasn't settled on a direction.

Quick Start

Launch gstack-design-shotgun to generate design variants and open a side-by-side comparison board for feedback.

Frequently Asked Questions about design-shotgun

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate multiple UI design variants for visual brainstorming?▼

To generate UI design variants, you describe a feature concept and the tool produces multiple AI-generated options across layouts, color schemes, and typography. It then opens a side-by-side comparison board to facilitate structured feedback and iterative improvements.

Can I use this to explore different layout directions before settling on a final design?▼

Yes, you can use this for visual exploration when you haven't settled on a direction. It proactively suggests alternative UI directions and generates multiple variants to help design teams quickly explore options and reach consensus.

How do I compare AI-generated UI concepts side by side?▼

You compare AI-generated UI concepts by launching the tool to open a side-by-side comparison board. This organized board displays the generated variants together, allowing teams to gather structured feedback and drive iterative improvements efficiently.

What is the best way to structure feedback for iterative UI improvements?▼

The best way to structure feedback is using a side-by-side comparison board. By viewing multiple AI-generated design variants simultaneously, design teams can directly compare visual directions and systematically document feedback for iterative improvements.

Does this work for feature ideation when I only have a basic concept description?▼

Yes, it works for feature ideation. If you describe a feature but haven't settled on a visual direction, the tool proactively suggests alternative UI directions and generates multiple design variants to explore the concept.