design-shotgun

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

Updated Apr 11, 2026
One-click install
npx skills add https://github.com/akiyoshi/gstack-copilot-jp --skill design-shotgun-akiyoshi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/akiyoshi/gstack-copilot-jp/tree/main/.github/skills/design-shotgun
Command: npx skills add https://github.com/akiyoshi/gstack-copilot-jp --skill design-shotgun-akiyoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The design-shotgun skill accelerates visual design exploration by producing multiple distinct design variants and surfacing them for side-by-side comparison, helping teams decide on a direction quickly.

Core Features & Use Cases

  • Generate several design variants with different typography, color palettes, and layout approaches.
  • Create and host a browser-based comparison board to rate, remix, and save an approved direction.
  • Use cases include early design exploration, rapid ideation, and stakeholder alignment for product mockups.

Quick Start

Provide three distinct visual design directions and present them side-by-side for evaluation.

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

To generate mockups for brainstorming, provide a design brief and the skill outputs distinct visual directions side-by-side. It coordinates parallel variant creation across typography, color, and layout to accelerate ideation and stakeholder alignment.

How does side-by-side visual design exploration help with stakeholder alignment?

Side-by-side visual design exploration presents multiple mockups simultaneously on a browser-based comparison board, allowing stakeholders to rate and remix directions directly. This surfaces distinct options quickly to align teams on a chosen product direction.

Can I use this to create a comparison board for rating design mockups?

Yes, you can create and host a browser-based comparison board to evaluate design mockups. The board allows you to rate, remix, and save an approved visual direction, facilitating rapid ideation and stakeholder alignment.

Do I need existing mockups to start rapid design ideation?

No, you do not need existing mockups. You provide a design brief and the skill identifies and generates multiple distinct UI design variants for evaluation, requiring only tooling to generate design artifacts and persist outputs to a designs directory.

What is the best way to explore different typography and color palettes for a product?

The best way to explore typography and color palettes is generating multiple distinct design variants from a single brief. This approach supports rapid ideation across different visual directions and presents them side-by-side for stakeholder evaluation.