skills.rest
jonkiky
jonkikyCOMMUNITY
Explore all skills by this author →
GitHub

design-shotgun

Generate multiple AI design variants and present them side-by-side for comparison.

Updated Apr 2, 2026
Search Tags:#design#ui#feedback#iteration#comparison#generate#variants
One-click install
npx skills add https://github.com/jonkiky/ccdi-federation-ai --skill design-shotgun-jonkiky
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/jonkiky/ccdi-federation-ai/tree/main/.agents/design-shotgun
Command: npx skills add https://github.com/jonkiky/ccdi-federation-ai --skill design-shotgun-jonkiky

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design shotgun accelerates design exploration by generating multiple AI-driven design variants and presenting a side-by-side comparison board so teams can quickly evaluate directions and decide what to prototype.

Core Features & Use Cases

  • Generate multiple AI design variants for UI components and pages.
  • Open a comparison board to evaluate options side-by-side.
  • Collect structured feedback and iterate toward a preferred direction.
  • Use case: when exploring navigation styles, visual language, or feature mockups.

Quick Start

Ask it to generate three variants for a new signup flow and open the comparison board.

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 new signup flow?▼

To generate UI design variants, request multiple options for a specific page or component, then open the comparison board to evaluate the visual directions side-by-side.

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

The best way to compare AI generated design directions is using a side-by-side comparison board, which allows teams to evaluate visual language options and decide what to prototype rapidly.

Can I collect structured feedback on UI mockups during design iteration?▼

Yes, you can collect structured feedback on UI mockups through a dedicated workflow that supports iterative refinement, allowing teams to evaluate options and move toward a preferred direction.

When do I need to use an AI design generation tool for visual brainstorms?▼

You need AI design generation for visual brainstorms when exploring navigation styles, visual language, or feature mockups, accelerating design exploration by rapidly producing multiple directions to evaluate.

Does the design comparison workflow support iterative refinement across options?▼

Yes, the design comparison workflow supports iterative refinement across options, allowing teams to collect structured feedback and progressively narrow down multiple variants toward a final prototype direction.

Related Skills

Explore More Design & Creative Skills→
PiercingXXPiercingXX
1

sleek

Generate implementation-ready minimalist design-system guidance with tokens, component rules, and WCAG 2.2 AA acceptance criteria.

Community
Intermediate
campbellmcgregorcampbellmcgregor

design-assistant

Create UI/UX mockups, wireframes, and visual designs in React, HTML, or SVG.

Community
Basic
Radiants-DAORadiants-DAO
1

radtools-component-create

Create RadTools-compatible React components with typed props and radOS tokens.

Official
Intermediate
BradliebsBradliebs

design-shotgun

Generate AI-driven design variants from a brief and surface them in a side-by-side comparison board for rapid evaluation.

Community
Advanced