design-shotgun

Generate AI-driven UI design variants and display them side-by-side for evaluation.

Updated Mar 31, 2026
One-click install
npx skills add https://github.com/hetsheth-droid/toolbox-template --skill design-shotgun-hetsheth-droid
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/hetsheth-droid/toolbox-template/tree/main/incubating/gstack/design-shotgun
Command: npx skills add https://github.com/hetsheth-droid/toolbox-template --skill design-shotgun-hetsheth-droid

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design sprints and UI ideation cycles are slow and low-coverage. design-shotgun speeds up visual exploration by generating multiple AI-driven design directions and surfacing them in a side-by-side board so teams can compare options quickly and converge on a direction.

Core Features & Use Cases

  • Generate N distinct design directions using AI for a UI or feature, enabling parallel exploration.
  • Open a browser-based comparison board to contrast variants side-by-side and collect feedback.
  • Persist design artifacts under ~/.gstack/projects/$SLUG/designs so designs survive across sessions and branches.
  • Proactively adapt the exploration based on context from DESIGN.md and office hours data.

Quick Start

Invoke /design-shotgun to start generating design variants and view a comparison board in your browser.

Frequently Asked Questions about design-shotgun

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

FAQPage Schema
How do I generate and compare multiple UI design variants for a feature?

To generate multiple UI design variants, you can use AI-driven visual exploration to create distinct design directions and surface them side-by-side in a browser-based comparison board for rapid evaluation.

What is the best way to speed up design sprints and visual exploration?

Speeding up design sprints requires generating multiple AI-driven design directions at once and comparing them side-by-side. This parallel exploration expands coverage and helps teams converge on a direction quickly.

Can I persist AI design artifacts across different sessions and branches?

Yes, you can persist AI design artifacts across sessions and branches by storing them under the local project designs directory, ensuring generated visual variants survive continuous iterative feedback cycles.

How do I start generating design directions for product screens?

You start generating design directions by invoking the design generation command, which coordinates context gathering, variant generation, and artifact storage to produce a visual comparison board in your browser.

Does the design exploration adapt to existing project context?

Yes, the design exploration proactively adapts by gathering context from project documentation and office hours data, ensuring generated AI design variants align with existing feature requirements and product surfaces.

What are the limitations of using AI for UI design ideation?

AI-driven UI design ideation accelerates visual exploration but requires human evaluation to converge on a direction. The generated design variants serve as comparative starting points rather than final production-ready user interfaces.