skills.rest
viraatdas
viraatdasCOMMUNITY
Explore all skills by this author →
𝕏@therealviraatGitHub

design-shotgun

Generate multiple AI design variants and present them side-by-side in a browser.

Updated Apr 1, 2026
Search Tags:#design#ui-ux#design-system#design-exploration#prototypes#ai-design#visual-variants
One-click install
npx skills add https://github.com/viraatdas/vstack --skill design-shotgun-viraatdas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/viraatdas/vstack/tree/main/design-shotgun
Command: npx skills add https://github.com/viraatdas/vstack --skill design-shotgun-viraatdas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Design shotgun solves the problem of slow, single-direction design exploration by generating multiple AI-driven variants and presenting them side-by-side to accelerate direction decisions.

Core Features & Use Cases

  • Multi-variant design exploration: generate several distinct directions and let the team compare visually.
  • Context-aware briefs and iteration: derives briefs from project context and loops feedback into refinements.
  • Design artifacts and persistence: saves design outputs to a central user data store for cross-session reuse.

Quick Start

Start a new exploration by running /design-shotgun to generate three visual directions and open them side-by-side 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 UX design variants for rapid prototyping?▼

Generate multiple UI UX design variants by creating distinct visual directions and presenting them side-by-side in a browser comparison board to accelerate rapid prototyping and visual direction decisions.

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

The best way to compare AI design variants is generating multiple directions at once and opening them side-by-side in a browser comparison board to visually iterate on UI UX design exploration.

Can I loop team feedback into AI design exploration refinements?▼

Yes, you can loop team feedback into AI design exploration by deriving context-aware briefs from project context and applying the feedback directly to refine and iterate on generated visual variants.

Does design variant generation work for both web and mobile app prototyping?▼

Design variant generation works for both web and mobile app prototyping, allowing teams to accelerate feature concepting and UI UX exploration across multiple platforms simultaneously.

Are generated design artifacts persisted for cross-session reuse?▼

Generated design artifacts are saved to a central user data store, ensuring persistent storage for cross-session reuse and continuous iteration on your UI UX design variants.

Related Skills

Explore More Design & Creative Skills→
Daiwik-ChilukuriDaiwik-Chilukuri

teach-impeccable

Gather design context and persist it as project guidelines in .impeccable.md.

Community
Basic
AlexandreLabAlexandreLab

gstack-design-shotgun

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

Community
Advanced
yocxy2yocxy2

design-shotgun

Generate multiple UI design variants and collect structured feedback.

Community
Intermediate
cegit27cegit27
3

design-shotgun

Generate multiple design variants from a brief and display them in a comparison board.

Official
Advanced