design-shotgun

Generates multiple AI design variants and collects feedback through a browser comparison board.

Updated Mar 16, 2026
One-click install
npx skills add https://github.com/bobbo01/B2BPlatform --skill design-shotgun-bobbo01
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/bobbo01/B2BPlatform/tree/main/.agents/skills/gstack-design-shotgun
Command: npx skills add https://github.com/bobbo01/B2BPlatform --skill design-shotgun-bobbo01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Exploring visual directions for a UI screen usually means committing to one idea before seeing alternatives. This Skill generates several distinct AI design mockups in parallel, opens them side-by-side in a comparison board, and captures structured feedback so you can pick a direction before writing any frontend code. ## Core Features & Use Cases - Parallel Variant Generation: Launch multiple design directions at once via subagents, each with its own brief, quality check, and retry logic. - Comparison Board with Feedback Loop: Serve an HTML board over HTTP where you review variants side-by-side and submit structured feedback to iterate. - Taste Memory: Reads previously approved designs to bias new generations toward your demonstrated aesthetic preferences. - Evolve Mode: Screenshot a running local page and generate improvement variants when you don't like how something currently looks. - Use Case: You're building a settings page and unsure of the layout. Run the skill, get 3 distinct visual directions in about a minute, compare them in your browser, and iterate on the winner with feedback like "more whitespace, darker sidebar". ## Quick Start Ask the AI to run /design-shotgun to explore design options for the screen you are working on.

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 at once?

Run /design-shotgun and describe the screen you want to explore. It presents distinct design concepts for confirmation, then generates all variants in parallel using subagents, each taking about 60 seconds total.

How to compare AI-generated design mockups side by side?

The skill builds an HTML comparison board from the generated variant PNGs and serves it over HTTP in your browser. You review variants side-by-side and submit structured feedback that drives the next iteration.

Can I generate design variants from an existing page I don't like?

Yes. If a local dev server is running, the skill screenshots the current page and uses evolve mode to generate improvement variants from that screenshot instead of starting from a blank brief.

Where are generated design mockups stored?

All artifacts are saved to ~/.gstack/projects/<slug>/designs/, never in project directories. They persist across branches and sessions, and approved designs feed a taste memory that biases future generations.

What happens if the design generation binary is not available?

The skill checks for the design binary before any mockup command. If unavailable, it falls back to an HTML wireframe approach, and without the browse binary it opens boards with the system default browser.