skills.rest
huichen
huichenCOMMUNITY
Explore all skills by this author →
GitHub

design-shotgun

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design-shotgun accelerates visual design exploration by automatically generating multiple design variants, opening a comparison board, collecting structured feedback, and iterating toward a preferred direction.

Core Features & Use Cases

  • Generates multiple AI-driven design directions for a given feature or screen.
  • Opens a browser-based comparison board to side-by-side evaluate options.
  • Collects structured feedback and iterates to converge on the best direction.
  • Useful for UI feature exploration, onboarding flows, and visual polish tasks.

Quick Start

Run /design-shotgun to generate several design directions and view them in a browser.

Frequently Asked Questions about design-shotgun

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

FAQPage Schema
How do I compare multiple AI design variants side-by-side?▼

AI design variants are compared by automatically generating multiple UI directions and displaying them in a browser-based comparison board for rapid visual evaluation and structured feedback.

What is the best way to brainstorm UI design directions for a new feature?▼

Brainstorming UI design directions is best achieved by generating multiple AI-driven visual variants for a feature, evaluating them on a comparison board, and iterating with structured feedback to converge on a preferred direction.

Can I use this for visual design exploration of onboarding flows?▼

Yes, visual design exploration of onboarding flows is supported. The process applies to UI exploration, feature polish, and design system alignment by generating variants and enabling quick comparisons.

How do I capture and apply feedback to iterate on AI design variants?▼

Feedback is captured and applied to iterate on AI design variants through structured prompts that collect input on the comparison board, guiding iterative refinement toward the best visual direction.

Does generating multiple design variants require any specific design system setup?▼

Generating multiple design variants requires no specific dependencies, as the process relies on structured prompts and a browser-based board to align outputs with your design system without external components.

Related Skills

Explore More Design & Creative Skills→
PiaoxuemoliPiaoxuemoli

sketch

Generate disposable HTML mockup variants from user design preferences.

Community
Intermediate
ibalasiteibalasite

design-shotgun

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

Community
Advanced
1479089714790897
7

kwp-design-design-system

Audit component libraries for naming inconsistencies and missing documentation.

Community
Intermediate
faionfaionfaionfaion
4

faion-ui-designer

Designs UI prototypes and design systems with wireframes and tokens.

Community
Advanced