skills.rest
algorithmbasics
algorithmbasicsCOMMUNITY
Explore all skills by this author →
𝕏@AlgorithmLlcGitHub

design-shotgun

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

Updated Apr 18, 2026
Search Tags:#design#ui-ux#rapid-iteration#ai-design#design-variants#comparison-board#visual-brainstorming
One-click install
npx skills add https://github.com/algorithmbasics/gstack --skill design-shotgun-algorithmbasics
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/algorithmbasics/gstack/tree/main/design-shotgun
Command: npx skills add https://github.com/algorithmbasics/gstack --skill design-shotgun-algorithmbasics

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design shotgun provides rapid AI-driven visual design exploration by generating multiple design variants and letting you compare them side-by-side to pick a direction.

Core Features & Use Cases

  • Generate multiple AI design variants and open a side-by-side comparison board for feedback.
  • Collect structured feedback and iterate toward a preferred direction.
  • Persist design artifacts under the user's gstack design directory for cross-branch reuse.

Quick Start

Run /design-shotgun to start a new design exploration and open the comparison board for 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 design variants for rapid visual brainstorming?▼

AI design variant generation automates visual brainstorming by rendering multiple mocks side-by-side. You can compare different UI directions simultaneously and collect structured feedback to iterate toward a preferred design.

What is a side-by-side comparison board for design exploration?▼

A side-by-side comparison board is a shareable HTML output that displays multiple AI-generated design variants together. It enables rapid visual direction feedback and structured iteration across UI/UX and branding projects.

Can I use AI design generation for branding exploration and cross-team feedback?▼

Yes, AI design generation supports branding exploration and cross-team feedback workflows. It coordinates local design tools to render mocks and outputs a shareable HTML board for collaborative visual direction selection.

What's the best way to compare AI design variants for iterative direction selection?▼

The best way to compare AI design variants is using an automated side-by-side HTML board. This approach persists design artifacts locally and enables structured feedback collection for rapid iteration toward a final visual direction.

Where are my generated design artifacts persisted for cross-branch reuse?▼

Generated design artifacts are persisted under the local gstack design directory at ~/.gstack/projects/$SLUG/designs. This file structure enables cross-branch reuse of visual mocks and branding exploration outputs.

Related Skills

Explore More Design & Creative Skills→
yu13130122297yu13130122297

scout

Identify uncertainties in research framing, datasets, metrics, and baselines.

Community
Intermediate
MartinoPoloMartinoPolo
1

mp-design-ui-3

Generate multiple UI component variants in distinct design styles for Svelte, React, Vue, and HTML projects.

Community
Advanced
zhifengzhang-szzhifengzhang-sz

design-shotgun

Generate multiple AI design variants from a brief into a comparison board.

Community
Advanced
whd4whd4

design-shotgun

Generate and compare multiple AI design variants on a side-by-side board.

Community
Advanced