design-shotgun

Generate multiple AI design variants and organize a comparison board for structured feedback.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/mgher668/surf-ai --skill design-shotgun-mgher668
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/mgher668/surf-ai/tree/main/.agents/skills/gstack/design-shotgun
Command: npx skills add https://github.com/mgher668/surf-ai --skill design-shotgun-mgher668

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Rapid design exploration for interfaces is hard when you only see a single direction. This Skill automates generating multiple AI design variants, opens a side-by-side comparison board, and collects structured feedback to help teams converge on a direction quickly.

Core Features & Use Cases

  • Multi-variant generation: Produce several design directions in parallel to compare layouts, color schemes, and interaction patterns.
  • Comparison board & feedback: Open a shared board to surface structured feedback and prioritize changes.
  • Use Case: When iterating a UI feature, run multiple variants and quickly select the best direction for implementation.

Quick Start

Invoke /design-shotgun to generate several design variants and view a side-by-side 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 side-by-side comparison?▼

Generate multiple UI design variants by invoking the design-shotgun command, which automates parallel visual brainstorming and opens a side-by-side comparison board to evaluate different layouts and color schemes.

What is the best way to collect structured feedback on AI design variants?▼

The best way to collect structured feedback on AI design variants is using a shared comparison board interface, which surfaces prioritized changes and helps teams converge on a visual direction quickly.

Can I use AI design exploration for feature ideation and visual brainstorming?▼

Yes, you can use AI design exploration for feature ideation and visual brainstorming by generating multiple design directions in parallel to compare interaction patterns and layouts before implementation.

Do I need a specific runtime to handle local artifacts for design comparison boards?▼

Yes, you need a gstack runtime integrated with a feedback workflow to handle local artifact processing, manage the comparison board interface, and execute the design variant generation.

How does multi-variant generation work for UI exploration?▼

Multi-variant generation works by producing several AI-driven design directions in parallel, allowing you to directly compare layouts, color schemes, and interaction patterns within a single comparison board.