design-shotgun

Generate design variants from a text brief and present them in a comparison board.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and product managers waste hours manually creating UI mockups and struggling to get clear visual feedback from stakeholders. This Skill turns that slow, subjective process into a fast, structured visual brainstorm.

Core Features & Use Cases

  • AI Variant Generation: Create multiple distinct design directions from a single text brief.
  • Comparison Boards: View all variants side-by-side in a browser for immediate visual evaluation.
  • Structured Feedback Loop: Collect organized input and iterate quickly toward an approved design.
  • Use Case: You have a new dashboard feature but cannot decide on the layout. Generate four variants, share the comparison board with your team, and converge on a direction in minutes instead of days.

Quick Start

Use the design-shotgun skill to generate three visual variants for the new settings page and open them in a comparison board for 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 mockups from a single text brief for visual comparison?

To generate multiple UI mockups from a text brief, this Skill creates distinct AI-powered design variants and presents them in a browser-based comparison board for immediate visual evaluation. It accelerates UI/UX design exploration by turning a textual description into a side-by-side visual brainstorm.

Can I use design variants for stakeholder presentations and rapid feedback loops?

Yes, you can use design variants for stakeholder presentations by sharing the generated comparison board, which allows teams to provide structured feedback and iterate quickly toward an approved UI layout. This replaces slow, subjective manual mockup reviews with a fast, structured visual process.

What is the best way to compare different UI layout directions during design exploration?

The best way to compare UI layout directions is generating multiple distinct design variants from your brief and viewing them side-by-side in a browser comparison board. This visual evaluation method helps teams converge on a design direction in minutes instead of days.

Do I need specific binaries to generate HTML wireframes and mockup comparison boards?

You need the gstack design binary for mockup generation and the browse binary for serving comparison boards. If these binaries are unavailable, the Skill applies a fallback mechanism to generate HTML wireframes for your UI design variants.

How does AI design variant generation handle iterative design refinement workflows?

AI design variant generation handles iterative design refinement by producing multiple visual directions from a single brief, allowing you to collect organized input through a comparison board. This structured feedback loop enables rapid iteration toward a finalized UI design.

Why are my manually created UI mockups slowing down stakeholder feedback?

Manually creating UI mockups slows down stakeholder feedback because it is a slow, subjective process. Generating AI design variants and sharing a side-by-side comparison board transforms this into a fast, structured visual brainstorm, helping teams converge on layouts quickly.