design-shotgun

Generate multiple visual design variants and assemble them into a side-by-side comparison board.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/24601/gastack-pre-fork --skill design-shotgun-24601
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/24601/gastack-pre-fork/tree/main/design-shotgun
Command: npx skills add https://github.com/24601/gastack-pre-fork --skill design-shotgun-24601

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design-shotgun removes the friction of visual exploration by producing multiple distinct UI design directions, opening them side-by-side for comparison, collecting structured feedback, and iterating until a direction is approved. It saves time and API credits by running generation in parallel, applying quality checks, and falling back safely when needed.

Core Features & Use Cases

  • Parallel variant generation: Launches multiple agent sub-tasks to create distinct visual concepts in parallel with retries and quality checks.
  • Comparison board & feedback loop: Builds an interactive HTML board, serves it, and polls for user feedback to drive iterations and approvals.
  • Evolve from screenshots & taste memory: Can improve an existing UI screenshot or bias outputs from prior approved designs to match user taste.
  • Safe artifact handling: Writes all design artifacts to ~/.gstack/projects/<slug>/designs/ and includes deterministic fallbacks for rate limits and failures.
  • Use cases: Visual brainstorming for a new screen, exploring style directions for stakeholders, iterating on a page the user says "I don't like this."

Quick Start

Ask the assistant to run /design-shotgun with a short brief describing the screen, audience, and desired tone to generate three variants, open the comparison board, and collect 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 mockups for side-by-side comparison?

Generating multiple UI mockups for side-by-side comparison involves launching parallel agent sub-tasks that create distinct visual concepts and assemble them into an interactive HTML comparison board for structured stakeholder feedback.

What is the best way to iterate on a web UI design I don't like?

Iterating on an unwanted web UI design is best handled by generating multiple distinct visual directions, opening them side-by-side, and collecting structured feedback to drive iterations until a direction is approved.

Can I generate mobile UI variants from an existing screenshot?

Generating mobile UI variants from an existing screenshot is supported by applying visual exploration workflows that improve current interfaces and bias outputs from prior approved designs to match user taste.

How does parallel design generation handle API rate limits and failures?

Parallel design generation handles API rate limits and failures by applying quality checks during agent sub-tasks and falling back safely to deterministic sequential generation when needed.

Where are generated UI mockup artifacts saved on my local machine?

Generated UI mockup artifacts are saved locally by writing all design files to the ~/.gstack/projects/<slug>/designs/ directory to ensure safe artifact handling.