design-shotgun

Generate multiple AI design variants and collect feedback through a browser comparison board.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/VertaKhan/cs_gstack --skill design-shotgun-vertakhan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/VertaKhan/cs_gstack/tree/main/.claude/skills/gstack/design-shotgun
Command: npx skills add https://github.com/VertaKhan/cs_gstack --skill design-shotgun-vertakhan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Choosing a visual direction for a UI screen is slow when you can only imagine one option at a time. This Skill generates several distinct AI design mockups in parallel, opens them side-by-side in your browser, and captures structured feedback so you can iterate until a direction is approved. ## 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 pick a favorite, request remixes, or ask for more variants like a chosen one. - Taste Memory: Reads previously approved designs to bias new generations toward your demonstrated aesthetic preferences. - Evolve Mode: Screenshot a live local page you dislike and generate improvement variants from the existing design. - Use Case: You are building a dashboard and are unsure of the visual direction. Run the Skill, get 3 distinct mockups in about 60 seconds, compare them in your browser, and iterate with feedback until you approve one. ## 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 generates distinct design concepts, confirms them with you, then launches parallel subagents to produce mockup images in 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 images and serves it over HTTP in your browser. You click to submit a final choice or request regenerations, remixes, or more variants like a selected one.

Can I improve an existing page design I don't like?▼

Yes. If a local site is running and you reference it, the Skill screenshots the current page and uses the design binary's evolve mode to generate improvement variants from your existing design instead of starting from scratch.

Does design-shotgun remember my design preferences?▼

Yes. It reads approved.json files from up to 10 prior sessions for the project and extracts patterns from your approved variants, biasing new generations toward your demonstrated taste unless you request a different direction.

What happens if the design generation binary is not installed?▼

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

Why did parallel design variant generation fail?▼

Failures are usually rate limiting from the image generation API. Each agent retries up to 3 times with backoff, and if all parallel attempts fail the Skill falls back to sequential generation one variant at a time.