design-shotgun

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

1|Updated Apr 13, 2026
One-click install
npx skills add https://github.com/yahav123147/paid-ads-cro-skills --skill design-shotgun-yahav123147
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/yahav123147/paid-ads-cro-skills/tree/main/skills/design-shotgun
Command: npx skills add https://github.com/yahav123147/paid-ads-cro-skills --skill design-shotgun-yahav123147

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the “I’m not sure what good looks like” problem by generating multiple UI design variants so you can compare options quickly and move forward with confidence instead of debating taste in the abstract.

Core Features & Use Cases

  • Generate multiple design variants: Produce several distinct visual directions from the same UI brief.
  • Open a side-by-side comparison board: Let you view options together to spot differences in layout, hierarchy, and feel.
  • Collect structured feedback and iterate: Turn your reactions into the next round of refinements until you approve a direction.
  • Best for UI exploration: Use it when you need to explore visual approaches, brainstorm a layout for a specific feature, or you have a feature request without a clear design direction.

Quick Start

Use the design-shotgun skill to explore design variants for your UI feature, then pick the best direction and ask for the next iteration based on your 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 visual brainstorming?

To generate UI design variants, provide a product interface brief and the tool will produce several distinct visual directions. It creates comparable design outputs organized for side-by-side review to accelerate visual brainstorming and decision-making.

What is the best way to compare UI design options side by side?

A comparison board lets you compare UI design options side by side to evaluate layout, hierarchy, and visual feel. Viewing multiple distinct visual directions together helps you spot differences quickly and move forward with confidence.

How do I iterate on a UI layout after collecting feedback on initial designs?

Iterating on a UI layout requires turning your structured feedback into refinements for the next design round. You review the generated variants, provide reactions, and the system applies your feedback to iterate toward an approved visual direction.

When should I use a UI design variant generator for product interfaces?

Use a UI design variant generator when you have a feature request without a clear design direction or need to explore visual approaches. It is best suited for visual brainstorming and iterative refinement before committing to a final layout.

Can I get structured feedback on UX iterations without a clear visual direction?

Yes, you can collect structured feedback on UX iterations even without a clear visual direction. The tool generates multiple distinct UI directions from a single brief, allowing you to debate concrete visual options rather than abstract taste.

Does generating multiple design directions work for exploring a specific feature layout?

Generating multiple design directions works effectively for exploring a specific feature layout. It produces several distinct visual approaches from your brief, enabling you to brainstorm layouts and refine the interface through structured review.