skills.rest
garrytan
garrytanCOMMUNITY
Explore all skills by this author →
Website𝕏@garrytanGitHub

design-shotgun

Generate multiple UI design variants and collect structured feedback for iterative refinement.

127k|19.1k|Updated Mar 11, 2026
Search Tags:#UI/UX design#user feedback#design iteration#iterative design#visual comparison#AI-generated design
One-click install
npx skills add https://github.com/garrytan/gstack --skill design-shotgun-garrytan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/garrytan/gstack/tree/main/design-shotgun
Command: npx skills add https://github.com/garrytan/gstack --skill design-shotgun-garrytan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Bash, Read, Glob, Grep, Agent, AskUserQuestion, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill unit streamlines the design iteration process by leveraging AI to generate multiple design variants, facilitate comparisons, and gather structured feedback for refinement.

Core Features & Use Cases

  • AI-Generated Design Variants: Create various design options based on given parameters or existing designs.
  • Comparison Board: Present design variants side by side for direct comparison.
  • Structured Feedback: Collect feedback in a structured format to guide iterative design improvements.
  • Use Case: When seeking design ideas for a new UI component, use this Skill to generate multiple visual designs and gather user input on their preferences.

Quick Start

Run the 'design-shotgun' skill to explore various design options for your UI component.

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/UX design variants for comparison?▼

To generate multiple UI/UX design variants, you can use AI to create diverse visual design options based on your parameters. These variants are then presented side by side to facilitate direct visual comparison and iterative refinement.

What is the best way to collect structured feedback for iterative design?▼

Collecting structured feedback for iterative design requires presenting AI-generated visual options to users and capturing their preferences systematically. This structured input directly guides subsequent design improvements and refines the UI/UX workflow.

Can I use AI to create visual design options from existing UI components?▼

Yes, you can use AI to create visual design options from existing UI components. The system generates multiple design variants based on your current designs, allowing you to compare options and apply structured user feedback for refinement.

How does a visual comparison board work for design iteration?▼

A visual comparison board works by presenting multiple AI-generated design variants side by side. This direct visual comparison allows users to evaluate differences, gather structured feedback, and make informed decisions for iterative design improvements.

When do I need AI-generated design variants in my UI/UX workflow?▼

You need AI-generated design variants in your UI/UX workflow when seeking diverse design ideas for a new UI component. It streamlines the iteration process by generating multiple options and gathering user input on preferences for refinement.

Related Skills

Explore More Design & Creative Skills→
binan-makerbinan-maker

mockup-extract

Extract UI components into a mockup sandbox with dependency stubbing and import rewriting.

Community
Intermediate
Tahona-AITahona-AI

design-lab

Generate multiple UI design variants for review and feedback.

Official
Advanced
akobryan1akobryan1
1

ui-ux-pro-max-skill-main

Develop UI/UX standards integrating brand identity, color schemes, typography, and imagery guidelines.

Community
Intermediate
yocxy2yocxy2

design-shotgun

Generate multiple UI design variants and collect structured feedback.

Community
Intermediate