skills.rest
2300031147
2300031147COMMUNITY
Explore all skills by this author →
GitHub

design-shotgun

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

Updated Apr 12, 2026
Search Tags:#automation#design#ui#brainstorming#gstack#design-variants#comparison-board
One-click install
npx skills add https://github.com/2300031147/clawopencode --skill design-shotgun-2300031147
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/2300031147/clawopencode/tree/main/skills/design-shotgun
Command: npx skills add https://github.com/2300031147/clawopencode --skill design-shotgun-2300031147

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Design Shotgun accelerates rapid UI exploration by generating multiple design variants and placing them on a side-by-side comparison board for structured feedback.

Core Features & Use Cases

  • Generate N variant designs from a design brief
  • Open a comparison board to evaluate options with teammates
  • Collect structured feedback and iterate quickly
  • Proactively suggest visuals when the user describes a feature

Quick Start

Ask for a design brief and generate three variant designs to compare side by side.

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, provide a design brief and the skill will produce multiple visual options placed on a side-by-side comparison board. This allows teams to rapidly generate parallel variants and evaluate options together.

What is the best way to collect structured feedback on design brainstorming ideas?▼

The best way to collect structured feedback on design brainstorming ideas is to open a comparison board. This enables teammates to evaluate multiple UI variants side-by-side, accelerating feedback collection and iteration.

Can I use design variant generation with the gstack tool?▼

Yes, design variant generation and the comparison board integrate with the gstack tool. This integration allows UI teams and product designers to seamlessly generate options and collect structured feedback within their existing workflow.

How do I automatically generate UI visuals from a feature description?▼

You can automatically generate UI visuals by simply describing a feature. The skill proactively suggests visuals based on your description, allowing you to rapidly generate multiple design variants and compare them on a board.

Does design variant comparison work for evaluating different screens and interactions?▼

Yes, design variant comparison works across features, screens, and interactions. It targets UI teams and product designers who need to compare multiple options to accelerate feedback and decision making for various product areas.

Related Skills

Explore More Design & Creative Skills→
ZainEldeen-Ashraf-Ibrahim-Ibrahim-SamakZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak

shape

Conduct discovery interviews and produce a structured design brief.

Community
Intermediate
1479089714790897
7

kwp-design-design-system

Audit component libraries for naming inconsistencies and missing documentation.

Community
Intermediate
ajsai47ajsai47
11

design-shotgun

Generate multiple AI design variants and interactive comparison boards for user interfaces.

Community
Advanced
patriotnewsactivismpatriotnewsactivism
2

mockup-sandbox

Create and preview web UI components in an isolated Vite development server.

Community
Advanced