skills.rest
mattothomas
mattothomasCOMMUNITY
Explore all skills by this author →
GitHub

design-shotgun

Generate multiple AI design variants and present them for side-by-side evaluation.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Visual design exploration often requires manual ideation and tedious side-by-side comparison. design-shotgun automates generating multiple AI design directions and presents them for quick evaluation to speed up early product decisions.

Core Features & Use Cases

  • Generate N design directions and surface them in a side-by-side comparison board.
  • Iterate quickly using feedback to refine variants and converge on a direction.
  • Persist design artifacts to a dedicated user data area for cross-branch continuity.

Quick Start

Run /design-shotgun to start a new design exploration 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 multiple UI design variants for side-by-side comparison?▼

To generate UI design variants for side-by-side comparison, run the design-shotgun command to automate context gathering, produce multiple AI design directions, and display them in a visual comparison board for rapid evaluation.

What is the best way to automate visual design exploration for product teams?▼

Automating visual design exploration involves generating multiple AI design directions and surfacing them in a comparison board, allowing product teams to iterate quickly using feedback to converge on early UI concepts or branding decisions.

Can I iterate on AI design variants and refine specific UI concepts?▼

Yes, you can iterate on AI design variants by providing feedback to refine specific UI concepts, which supports iterative feedback loops to help converge on a final visual design direction.

Do I need any dependencies to generate and compare AI design variants?▼

No dependencies are required to generate and compare AI design variants, as the process operates autonomously including session management, quality checks, and artifact storage with optional parallel agents.

Does design exploration support persistent artifact storage for cross-branch continuity?▼

Yes, design exploration supports persistent artifact storage by saving generated design directions to a dedicated user data area, ensuring cross-branch continuity for iterative product development.

Related Skills

Explore More Design & Creative Skills→
libz-renlab-ailibz-renlab-ai
13

design-shotgun

Generate multiple AI UI design variants for side-by-side comparison.

Community
Intermediate
nhattran998nhattran998

design-shotgun

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

Community
Advanced
1479089714790897
7

kwp-design-design-system

Audit component libraries for naming inconsistencies and missing documentation.

Community
Intermediate
OneWave-AIOneWave-AI
245

player-comparison-tool

Compare players side-by-side with era-adjusted statistics and advanced metric explanations.

Official
Basic