skills.rest
stayconnectquick
stayconnectquickCOMMUNITY
Explore all skills by this author →
GitHub

design-shotgun

Generate multiple AI design variants and organize them for comparison.

Updated May 6, 2026
Search Tags:#design-system#ui-exploration#ai-design#feedback-collection#comparison-board#design-variant-generation
One-click install
npx skills add https://github.com/stayconnectquick/gstack --skill design-shotgun-stayconnectquick
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/stayconnectquick/gstack/tree/main/design-shotgun
Command: npx skills add https://github.com/stayconnectquick/gstack --skill design-shotgun-stayconnectquick

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design exploration is slow and error-prone when you need multiple visual directions and structured feedback. This skill generates several AI-driven design variants, captures them in a comparison board, and streams actionable insights to iterate quickly.

Core Features & Use Cases

  • Generate multiple AI design variants to explore different UI directions for a given feature or product surface.
  • Open a side-by-side comparison board to evaluate options, capture structured feedback, and align stakeholders.
  • Iterate rapidly by incorporating feedback and refining variants across successive cycles, enabling faster design decisions.

Quick Start

Tell design-shotgun to generate design variants for a dashboard and open the comparison board.

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 dashboard?▼

To generate UI design variants for a dashboard, you need a design variant generator and a design-system context. The tool creates multiple AI-driven visual directions and organizes them in a side-by-side comparison board for quick evaluation and structured feedback.

What is the best way to collect structured feedback during UI exploration?▼

The best way to collect structured feedback during UI exploration is by using a side-by-side comparison board. This approach allows you to evaluate multiple AI-generated design variants simultaneously, capture actionable insights, and align stakeholders to accelerate design decisions.

Can I iterate on AI design variants across multiple feedback cycles?▼

Yes, you can iterate on AI design variants across successive cycles. By incorporating structured feedback captured in the comparison board, you can rapidly refine and generate new variants, enabling faster design decisions and continuous UI exploration.

Do I need a design-system context to generate product surface variants?▼

Yes, you need a design-system context to generate product surface variants. Access to the design variant generator and an established design-system context are required to ensure the AI-generated alternatives align with your visual directions and UI standards.

Where are approved design variants and feedback stored after generation?▼

Approved design variants and feedback are stored in a local project folder. This ensures that your generated UI alternatives, structured feedback, and actionable insights remain accessible for rapid iteration and alignment within your design exploration workflow.

Related Skills

Explore More Design & Creative Skills→
abhishekmmgnabhishekmmgn

design-shotgun

Generate multiple UI/UX design variants and present a side-by-side comparison board.

Community
Advanced
troykellytroykelly
11

feedback-triage

Converts raw feedback into structured GitHub issues and tracks them on the project board.

Community
Advanced
TinkerbellsTinkerbells
1

storybook

Create and maintain Vue component stories using CSF3 syntax in Storybook.

Community
Intermediate
tan-yong-shengtan-yong-sheng
1

gstack-design-shotgun

Generate multiple AI design variants and open a side-by-side comparison board.

Community
Advanced