design-shotgun

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

Updated Mar 26, 2026
One-click install
npx skills add https://github.com/LGJ-Jonathan/Jonathan_Global_Claude_Skills --skill design-shotgun-lgj-jonathan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/LGJ-Jonathan/Jonathan_Global_Claude_Skills/tree/main/gstack/design-shotgun
Command: npx skills add https://github.com/LGJ-Jonathan/Jonathan_Global_Claude_Skills --skill design-shotgun-lgj-jonathan

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 pick and iterate on a direction quickly. ## 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 favorites, request remixes, or ask for more variants like a chosen one. - Taste Memory: Reads prior approved designs to bias new generations toward your demonstrated aesthetic preferences. - Evolve Mode: Screenshot a running local site and generate improvement variants when you say "I don't like how this looks." - Use Case: You are building a settings page and unsure of the layout. Run the Skill, get 3 distinct visual directions in about 60 seconds, compare them in your browser, and iterate until one is approved. ## 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. It presents distinct concept directions for confirmation, then launches parallel subagents that each generate a mockup, run a quality check, and retry on failure before showing all results together.

How do I get design options for a page I already built?

If a local site is running on localhost:3000 and you say something like "I don't like how this looks," the Skill screenshots the current page and uses the evolve command to generate improvement variants from your existing design.

Where are the generated design mockups saved?

All artifacts are saved to ~/.gstack/projects/$SLUG/designs/, never to project-local directories like docs/ or /tmp final locations. They persist across branches, conversations, and workspaces as user data.

What happens if the design binary is not installed?

The Skill checks for the design binary first. If unavailable, it falls back to an HTML wireframe approach instead of AI mockups. If the browse binary is missing, it opens comparison boards with the system default browser.

Does design-shotgun remember my style preferences?

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