skills.rest
geoffreywoo
geoffreywooCOMMUNITY
Explore all skills by this author →
Website𝕏@geoffreywooGitHub

design-shotgun

Generate design variants and compare them side-by-side on a browser board.

1|Updated Feb 27, 2026
Search Tags:#design#feedback#brainstorming#UI#variants#comparison-board
One-click install
npx skills add https://github.com/geoffreywoo/clawfable --skill design-shotgun-geoffreywoo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/geoffreywoo/clawfable/tree/main/.claude/skills/gstack/design-shotgun
Command: npx skills add https://github.com/geoffreywoo/clawfable --skill design-shotgun-geoffreywoo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design shotgun provides a fast, structured way to generate multiple AI-driven design directions and compare them side-by-side to converge on a preferred visual direction.

Core Features & Use Cases

  • Generate multiple design directions and open a browser-based comparison board for side-by-side evaluation.
  • Collect structured feedback and iterate quickly, either standalone or from other skills.
  • Proactively suggest design directions when users describe a UI feature but haven't seen concrete visuals.

Quick Start

Invoke the design-shotgun skill to generate multiple design directions and open a side-by-side 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 UI design variants and compare them side-by-side?▼

To generate UI design variants and compare them side-by-side, you can use this skill to produce multiple AI-driven visual directions and open a browser-based comparison board for structured evaluation.

What is the best way to brainstorm visual layout options for a new feature?▼

The best way to brainstorm visual layout options is to generate multiple design directions at once and converge quickly by collecting structured feedback through a polling loop on a comparison board.

Can I use a design comparison board to collect structured feedback on interaction flows?▼

Yes, you can use a browser-based design comparison board to collect structured feedback on interaction flows, feature explorations, and layout options to iterate quickly.

How do I generate design directions without starting from scratch?▼

You can generate design directions without starting from scratch by invoking this skill standalone or from other skills, which proactively suggests visual directions when you describe a UI feature.

Where are generated design variants stored on my local machine?▼

Generated design variants are stored locally as artifacts under the directory path ~/.gstack/projects/$SLUG/designs on your machine.

Does generating multiple design directions require any external dependencies?▼

Generating multiple design directions requires no external dependencies, allowing you to create and compare visual brainstorming outputs directly within your current environment.

Related Skills

Explore More Design & Creative Skills→
Chang-Shih-YungChang-Shih-Yung

design-shotgun

...

Community
Advanced
binan-makerbinan-maker

recreate-screenshot

Recreate UI screens from screenshots or image references with pixel-perfect accuracy.

Community
Advanced
cattboycattboy

design-shotgun

Generate multiple AI design variants and open a comparison board for UI feedback.

Community
Advanced
agwacomagwacom

design-shotgun

Generate multiple AI-driven UI design variants and open a browser comparison board.

Official
Advanced