skills.rest
fghaffar
fghaffarCOMMUNITY
Explore all skills by this author →
GitHub

design-shotgun

Generate multiple AI design variants from a UI brief and open an HTML comparison board.

Updated Mar 25, 2026
Search Tags:#design#feedback#ai#brainstorm#variants#visual#mockup
One-click install
npx skills add https://github.com/fghaffar/faystack --skill design-shotgun-fghaffar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/fghaffar/faystack/tree/main/design-shotgun
Command: npx skills add https://github.com/fghaffar/faystack --skill design-shotgun-fghaffar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and product teams often need fast visual brainstorming but lack a quick way to produce multiple design concepts and compare them side‑by‑side.

Core Features & Use Cases

  • Multiple AI‑generated variants: creates visually distinct design directions from a brief.
  • Comparison board: launches an HTML board so stakeholders can view and vote on options.
  • Iterative feedback loop: records user choices and refines designs until approval. Use cases include early UI concept exploration, stakeholder design reviews, and rapid visual iteration during sprint planning.

Quick Start

Ask /design-shotgun to create several design options and open 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 multiple AI design variants from a single UI brief?▼

To generate AI design variants, provide a UI brief and the tool outputs visually distinct design directions. This enables rapid visual brainstorming and concept exploration without manually drafting each mockup.

What is the best way to compare design concepts side-by-side during a stakeholder review?▼

The best way to compare design concepts is using an HTML comparison board launched in a browser. This allows stakeholders to view multiple mockups simultaneously and vote on their preferred visual directions.

Can I refine AI mockups based on stakeholder feedback?▼

Yes, you can refine AI mockups using an iterative feedback loop. The system records user choices from the comparison board and automatically refines the designs until your team reaches final approval.

Do I need specific software to generate and compare AI design mockups?▼

You need the gstack design binary and a browser to generate and compare AI design mockups. Optional prior design taste data can also be supplied to better align the generated visual variants with your preferences.

When should I use AI-generated variants instead of manual UI mockups?▼

Use AI-generated variants during early UI concept exploration, sprint planning, or stakeholder design reviews. It solves the problem of needing fast visual brainstorming when you lack the time to produce multiple manual design concepts.

Related Skills

Explore More Design & Creative Skills→
a29paula29paul
1

design-shotgun

Generate design variants from a text brief and present them in a comparison board.

Community
Advanced
ibalasiteibalasite

design-shotgun

Generate multiple visual design variants and assemble an HTML comparison board.

Community
Advanced
huichenhuichen

design-shotgun

Generate and compare multiple AI-driven UI design variants on a browser board.

Community
Advanced
esopianesopian
2

design-shotgun

Generate multiple UI design variants and open side-by-side comparisons.

Community
Intermediate