design-shotgun

Generate multiple AI design variants and open a comparison board for UI feedback.

1|Updated Mar 13, 2026
One-click install
npx skills add https://github.com/cattboy/lil_bro --skill design-shotgun-cattboy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/cattboy/lil_bro/tree/main/.claude/skills/design-shotgun
Command: npx skills add https://github.com/cattboy/lil_bro --skill design-shotgun-cattboy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design shotgun accelerates UI ideation by generating multiple AI-driven design variants and surfacing a clear comparison board, reducing back-and-forth and guiding stakeholder alignment.

Core Features & Use Cases

  • Generate multiple AI-driven design variants for a UI concept.
  • Open a visual comparison board to collect structured feedback from stakeholders.
  • Iterate quickly by ranking variants, capturing rationale, and outlining next steps.

Quick Start

Generate design variants for a UI concept you describe and open a comparison board to start 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 UI design variants to speed up visual brainstorming?▼

Generating UI design variants involves creating multiple AI-driven design directions for a single concept and surfacing them on a visual comparison board. This accelerates visual brainstorming by providing immediate design examples to evaluate.

What's the best way to collect structured feedback on UI design variants?▼

The best way to collect structured feedback on UI design variants is to use a visual comparison board. Stakeholders can review the generated designs, provide feedback directly, and align on the best direction without excessive back-and-forth communication.

Can I use design shotgun for UI feature exploration before having visual examples?▼

Yes, you can use it for UI feature exploration when you have a concept description but lack visual examples. It generates multiple design variants from your description, giving you immediate visual directions to explore and compare.

How does a comparison board help with design review and stakeholder alignment?▼

A comparison board helps with design review by displaying multiple UI design variants side by side. Stakeholders can rank the variants, capture their rationale, and record next steps in a decision log, which reduces back-and-forth and guides alignment.

How do I iterate on UI design variants after receiving stakeholder feedback?▼

To iterate on UI design variants, you rank the options on the comparison board, capture the feedback rationale, and outline next steps in a decision log. This structured cycle coordinates prompt adjustments for generating refined design directions.

Are there limitations to using AI-generated design variants for UI ideation?▼

AI-generated design variants accelerate UI ideation but are best used for early exploration. They provide visual directions from a concept description, but final UI design decisions still require stakeholder review, structured feedback, and iterative refinement through the comparison board.