skills.rest
Shmurdoc
ShmurdocCOMMUNITY
Explore all skills by this author →
GitHub

design-shotgun

Generates multiple UI design variants and opens a comparison board for evaluation.

Updated May 27, 2026
Search Tags:#design#feedback#UI#AI#comparison#brainstorm#variants
One-click install
npx skills add https://github.com/Shmurdoc/EasyRide-v1 --skill design-shotgun-shmurdoc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/Shmurdoc/EasyRide-v1/tree/main/.opencode/skills/gstack-design-shotgun
Command: npx skills add https://github.com/Shmurdoc/EasyRide-v1 --skill design-shotgun-shmurdoc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Design teams waste time manually creating multiple UI mockups and struggle to gather structured feedback on visual options. This skill automates the generation of diverse design alternatives and centralizes feedback collection.

Core Features & Use Cases

  • AI Design Generation: Creates multiple distinct design variants from a single prompt or feature description.
  • Comparison Board: Opens a side-by-side view to evaluate variants against each other.
  • Structured Feedback: Collects organized input from stakeholders on each design option.
  • Iterative Refinement: Supports multiple rounds of generation and feedback to converge on the best solution.
  • Use Case: A product manager describes a new dashboard feature and uses this skill to generate three visual approaches, share the comparison board with the design team, and iterate based on their structured input.

Quick Start

Use the design-shotgun skill to generate three variants of the new dashboard header and open the comparison board for team feedback.

Frequently Asked Questions about design-shotgun

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is the best way to generate multiple UI design variants for stakeholder feedback?▼

To generate multiple UI design variants for stakeholder feedback, this skill automates creating diverse visual alternatives from a single prompt and opens a comparison board to centralize structured evaluation.

How do I use AI for visual brainstorming and comparing design options?▼

You can use AI for visual brainstorming by providing a feature description to generate distinct mockups, which are then displayed side-by-side in a comparison board for organized team review and iterative refinement.

Do I need an AI image generation service to create UI mockups with this approach?▼

Yes, you need an AI image generation service integrated with a comparison interface to generate UI mockups, evaluate the design alternatives, and collect structured input from stakeholders.

Can I run multiple rounds of design generation to iterate on a dashboard header?▼

Yes, you can run multiple rounds of design generation to iterate on a dashboard header, using the comparison board to gather structured feedback and converge on the best visual solution.

How does a comparison board help evaluate design alternatives?▼

A comparison board helps evaluate design alternatives by opening a side-by-side view of multiple variants, allowing teams to directly compare options and collect organized stakeholder input to solve the manual evaluation bottleneck.

Related Skills

Explore More Design & Creative Skills→
X-School-AcademyX-School-Academy
19

media-image-analysis

Analyze images with AI vision models to answer questions about content.

Official
Basic
avgarciaavgarcia

ui-from-mockup

Convert HTML/CSS mockups into Angular Material 3 components.

Community
Advanced
ajsai47ajsai47
11

design-shotgun

Generate multiple AI design variants and interactive comparison boards for user interfaces.

Community
Advanced
Jia-Hong-PengJia-Hong-Peng

design-shotgun

Generate multiple distinct UI design variants for a described feature or page.

Community
Advanced