skills.rest
yckkkk
yckkkkCOMMUNITY
Explore all skills by this author →
GitHub

design-shotgun

Generate AI-driven UI design variants and open a side-by-side comparison board.

1|Updated May 6, 2026
Search Tags:#design#iteration#ai design#design variants#visual brainstorming#comparison board
One-click install
npx skills add https://github.com/yckkkk/reo --skill design-shotgun-yckkkk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/yckkkk/reo/tree/main/.agents/skills/design-shotgun
Command: npx skills add https://github.com/yckkkk/reo --skill design-shotgun-yckkkk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate multiple AI-driven design variants for a UI feature and compare them in a single, visual board to accelerate the ideation phase.

Core Features & Use Cases

  • Generate multiple AI-driven design variants for a UI feature to surface diverse aesthetics and layouts.
  • Open a side-by-side comparison board to evaluate options quickly and consistently.
  • Iterate by collecting structured feedback and refining concepts based on objective criteria.
  • Use cases: early UI concept exploration, feature ideation, color/typography/layout experiments, and rapid visual brainstorming.

Quick Start

Start a design-shotgun session by running the skill to generate variants and open the side-by-side comparison board in your browser.

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 can use an AI-driven tool that creates several aesthetic directions for a feature and displays them on a side-by-side comparison board. This accelerates early concept exploration by surfacing diverse layouts quickly.

What is the best way to compare AI design variants side-by-side?▼

The best way to compare AI design variants side-by-side is by opening a browser-based comparison board. This allows you to evaluate multiple UI layouts and aesthetics consistently and collect structured feedback for iterative refinement.

Can I use AI to iterate on UI feature ideation and collect structured feedback?▼

Yes, you can use AI to iterate on UI feature ideation by generating multiple design variants and collecting structured feedback. This process refines concepts based on objective criteria, helping you evaluate color, typography, and layout experiments rapidly.

Do I need any specific design software to open a side-by-side comparison board?▼

No specific design software is needed to open a side-by-side comparison board because it opens directly in a browser-based environment. This allows you to view generated UI variants and conduct visual brainstorming without external tool dependencies.

When should I use an AI design shotgun approach for UI exploration?▼

You should use an AI design shotgun approach for UI exploration when you need to rapidly surface diverse aesthetics during early concept ideation. It is ideal for visual brainstorming scenarios where you need several layout directions quickly before committing to a single path.

Related Skills

Explore More Design & Creative Skills→
cattboycattboy

design-shotgun

Generate multiple AI design variants and open a comparison board for UI feedback.

Community
Advanced
scanbottscanbott

design-shotgun

Generate multiple AI design variants and open a comparison board.

Community
Advanced
semicolon-devteamsemicolon-devteam

generate-mockup

Generate UI mockups from design requirements using the 21st_magic_component_builder.

Official
Advanced
OneWave-AIOneWave-AI
245

player-comparison-tool

Compare players side-by-side with era-adjusted statistics and advanced metric explanations.

Official
Basic