design-shotgun

Generate multiple design variants from a brief and display them in a comparison board.

3|14|Updated Mar 10, 2026
One-click install
npx skills add https://github.com/cegit27/moodle-proctor --skill design-shotgun-cegit27
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/cegit27/moodle-proctor/tree/main/.claude/skills/gstack/design-shotgun
Command: npx skills add https://github.com/cegit27/moodle-proctor --skill design-shotgun-cegit27

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the frustration of committing to a single UI design direction without seeing alternatives. It solves the problem of slow, iterative design feedback loops by generating multiple AI design variants instantly and presenting them in a shareable comparison board.

Core Features & Use Cases

  • AI Design Variants: Generate multiple distinct visual design mockups from a single text brief.
  • Comparison Board: View all variants side-by-side in a browser to evaluate layout, color, and typography choices.
  • Structured Feedback: Collect organized feedback on each variant to make data-driven design decisions.
  • Use Case: A designer exploring a new checkout flow can generate three different visual approaches, share the comparison board with stakeholders, and iterate based on collected feedback before any code is written.

Quick Start

Use the design-shotgun skill to generate three design variants for a new settings page and open the comparison board in your browser for team 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 multiple UI design variants for visual brainstorming, you provide a single creative brief. The tool instantly produces distinct AI design mockups and displays them on a side-by-side comparison board for evaluation.

Can I compare web application mockups side-by-side before writing code?

Yes, you can compare web application mockups side-by-side before writing code. The tool renders multiple AI-generated design variants in a browser comparison board, allowing you to evaluate layout, color, and typography choices visually.

What is the best way to collect structured feedback on different design directions?

The best way to collect structured feedback on different design directions is using a comparison board with HTTP endpoints. This allows stakeholders to evaluate multiple variants side-by-side and submit organized, data-driven responses.

Does this tool support design exploration for mobile apps and desktop software?

Yes, this tool supports design exploration for mobile apps and desktop software. It applies AI design variant generation and visual comparison to validate design directions across web, mobile, and desktop platforms.

How do I create a shareable comparison board for stakeholder design review?

You create a shareable comparison board for stakeholder design review by generating multiple AI design mockups from a text brief. The tool serves the variants in a browser view for immediate visual evaluation and feedback collection.

Do I need specific tools to render mockups and serve comparison boards?

Yes, you need the gstack design binary and browse tools to render mockups and serve comparison boards. These dependencies enable the tool to generate visual variants and collect structured feedback via HTTP endpoints.