skills.rest
smarmen86
smarmen86COMMUNITY
Explore all skills by this author →
GitHub

design-shotgun

Generate multiple design variants and collect structured feedback for UI/UX workflows.

Updated Jun 5, 2026
Search Tags:#design#ui#brainstorming#prototyping#iteration#ux
One-click install
npx skills add https://github.com/smarmen86/claude-code-kit --skill design-shotgun-smarmen86
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/smarmen86/claude-code-kit/tree/main/skills/design-shotgun
Command: npx skills add https://github.com/smarmen86/claude-code-kit --skill design-shotgun-smarmen86

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the "blank canvas" problem in design by automating the generation of multiple visual variants, providing a structured comparison board, and facilitating systematic feedback collection to accelerate the creative process.

Core Features & Use Cases

  • Variant Generation: Automatically generates multiple AI-driven design options based on project context.
  • Comparison Board: Opens a structured view to compare design variants side-by-side.
  • Feedback Loop: Collects and tracks structured feedback to refine designs iteratively.
  • Use Case: When building a new landing page, use this skill to generate five distinct visual layouts, compare them against your existing design system, and gather stakeholder feedback to finalize the direction.

Quick Start

Invoke the design-shotgun skill to generate and compare new visual design variants for the current project.

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, you can automate the creation of distinct visual layouts based on your project context to overcome the blank canvas problem and accelerate the creative process.

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

The best way to compare design variants during prototyping is to use a structured comparison board that facilitates systematic feedback collection and helps finalize the visual direction.

Do I need local design system documentation to use automated UI iteration?▼

Yes, you need local design system documentation to use automated UI iteration, as the generation process requires integration with these documents to compare new variants against existing standards.

How does structured feedback collection work for iterative UX design?▼

Structured feedback collection for iterative UX design works by tracking stakeholder input on generated variants, systematically refining the designs until a final direction is selected.

Does AI-driven design generation require filesystem-based variant tracking?▼

Yes, AI-driven design generation requires filesystem-based variant tracking to organize generated options and maintain a structured record of iterative changes throughout the prototyping workflow.

Related Skills

Explore More Design & Creative Skills→
ericdahl-devericdahl-dev

design-shotgun

Generate multiple AI design variants and collect structured feedback for iteration.

Official
Intermediate
nhattran998nhattran998

design-shotgun

Generate multiple UI 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
kk20300113-pngkk20300113-png

design-shotgun

Generate multiple UI design variants and collect structured stakeholder feedback.

Community
Advanced