skills.rest
TumeloRamaphosa
TumeloRamaphosaCOMMUNITY
Explore all skills by this author →
GitHub

design-shotgun

Generates multiple UI layout and style options for a given feature request, enabling iterative refinement based on structured user feedback and project-specific design rules.

Updated May 7, 2026
Search Tags:#design system#iteration#structured feedback#ui exploration#design variants#visual brainstorming#comparison board
One-click install
npx skills add https://github.com/TumeloRamaphosa/StudEx-Valley-OS --skill design-shotgun-tumeloramaphosa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/TumeloRamaphosa/StudEx-Valley-OS/tree/main/.claude/skills/gstack/design-shotgun
Command: npx skills add https://github.com/TumeloRamaphosa/StudEx-Valley-OS --skill design-shotgun-tumeloramaphosa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves slow, subjective UI exploration by generating multiple design directions at once, then helping you compare and refine them with structured feedback so you do not waste cycles on rework.

Core Features & Use Cases

  • Design-variant generation: Produces several distinct design options for a feature you want to explore, including proactive suggestions when you describe a UI capability without showing examples.
  • Structured comparison and feedback collection: Opens a comparison board approach and captures feedback in a structured way so iteration is based on what you actually like.
  • Informed iteration using project context: Uses prior approved variants and project design-system guidance from DESIGN.md to keep exploration aligned with existing taste and constraints.

Quick Start

Use the design-shotgun skill when you want to explore design variants by asking: "Explore design options for [the specific UI feature], show me multiple variants, and help me pick one by collecting structured 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 a feature quickly?▼

To generate multiple UI design variants quickly, describe the specific UI feature you want to explore. The tool produces several distinct design directions at once for visual brainstorming and comparison.

What is structured feedback in UI design iteration?▼

Structured feedback in UI design iteration is capturing your preferences on a comparison board systematically. This ensures subsequent refinements align with your actual tastes rather than subjective guesses.

How do I ensure design exploration matches my existing design system?▼

To ensure design exploration matches your existing design system, the tool reads project context like DESIGN.md and prior approved variants. This keeps generated options aligned with established constraints.

When do I need to use a shotgun workflow for design options?▼

You need a shotgun workflow for design options when you want to explore a UI capability but have not yet seen concrete directions. It accelerates visual brainstorms by showing multiple variants simultaneously.

Best way to compare front-end design variants without wasting cycles on rework?▼

The best way to compare front-end design variants without rework is generating multiple directions at once and using a structured comparison board. This captures specific feedback to guide informed iteration.

Related Skills

Explore More Design & Creative Skills→
abhishekmmgnabhishekmmgn

design-shotgun

Generate multiple UI/UX design variants and present a side-by-side comparison board.

Community
Advanced
troykellytroykelly
11

feedback-triage

Converts raw feedback into structured GitHub issues and tracks them on the project board.

Community
Advanced
OneWave-AIOneWave-AI
245

screenshot-to-code

Convert UI screenshots into responsive HTML, CSS, React, or Vue code.

Official
Advanced
smarmen86smarmen86

design-shotgun

Generate multiple design variants and collect structured feedback for UI/UX workflows.

Community
Advanced