skills.rest
bananaduck1
bananaduck1COMMUNITY
Explore all skills by this author →
GitHub

design-shotgun

Generate multiple AI-driven design variants on a side-by-side comparison board.

Updated Aug 27, 2026
Search Tags:#design#feedback#iteration#brainstorm#variants#ai-design#comparison-board
One-click install
npx skills add https://github.com/bananaduck1/storylab --skill design-shotgun-bananaduck1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/bananaduck1/storylab/tree/main/.claude/skills/gstack/design-shotgun
Command: npx skills add https://github.com/bananaduck1/storylab --skill design-shotgun-bananaduck1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design shotgun enables rapid visual design exploration by generating multiple AI-driven variants and presenting them in a side-by-side comparison board to accelerate decision making.

Core Features & Use Cases

  • Generate multiple design directions (variants) from a brief.
  • Open a side-by-side comparison board to gather feedback and converge on a direction.
  • Iterate quickly by re-running variants with updated briefs and preserving artifacts for traceability.
  • Use for UI/UX brainstorms, feature exploration, and marketing page visuals across apps and dashboards.

Quick Start

Run /design-shotgun to start a new design exploration session and view a side-by-side board to pick a direction.

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 comparison?▼

To generate multiple UI design variants, this skill creates AI-driven visual directions from a brief and displays them on a side-by-side comparison board for quick evaluation and iterative feedback.

What is a side-by-side design comparison board used for?▼

A side-by-side design comparison board is used to present multiple AI-generated visual variants together, accelerating decision making by allowing rapid evaluation of different design directions during brainstorms.

Can I use this for feature ideation and marketing page visuals?▼

Yes, you can use this for feature ideation and marketing page visuals across apps and dashboards. It orchestrates variant generation and provides an iterative feedback workflow for broad visual exploration.

How do I iterate on design directions without losing previous versions?▼

To iterate on design directions without losing previous versions, the skill preserves generated artifacts in a design directory, allowing you to re-run variants with updated briefs for full traceability.

Do I need to install any dependencies to run design variant generation?▼

No, you do not need to install any dependencies to run design variant generation. The skill operates independently without external dependencies to orchestrate its deterministic workflow.

What is the best way to evaluate different visual design directions quickly?▼

The best way to evaluate different visual design directions quickly is to generate multiple AI-driven variants and review them simultaneously on a central comparison board to gather feedback and converge.

Related Skills

Explore More Design & Creative Skills→
1molchuan1molchuan
1

oh-my-ccg-init

Verify MCP, Codex, and Gemini endpoints and initialize RPI state.

Community
Intermediate
Bamboo-ReportsBamboo-Reports
1

image-to-code

Generate visual design references and translate them into React and Tailwind code.

Official
Advanced
deichworxdeichworx

smart-swap-branding

Apply official Smart Swap branding tokens to UI components.

Community
Basic
jonkikyjonkiky

design-shotgun

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

Community
Advanced