design-shotgun

Generate multiple AI design variants and collect structured feedback on a comparison board.

Updated Sep 13, 2026
One-click install
npx skills add https://github.com/abdulazeezoj/monovella-poc --skill design-shotgun-abdulazeezoj
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/abdulazeezoj/monovella-poc/tree/main/.agents/skills/gstack/design-shotgun
Command: npx skills add https://github.com/abdulazeezoj/monovella-poc --skill design-shotgun-abdulazeezoj

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Exploring visual directions for a UI feature usually means committing to the first idea or waiting on slow design cycles. This Skill generates several design variants at once, presents them side by side on a comparison board, and captures structured feedback so you can iterate toward an approved direction quickly. ## Core Features & Use Cases - Variant Generation: Produce multiple distinct AI design directions for a screen or feature in one pass. - Comparison Board: Open the variants side by side so tradeoffs between directions are visible at a glance. - Structured Feedback Loop: Collect decision-brief feedback on each variant and iterate until one is approved, with approved variants recorded per project for future reference. - Use Case: You describe a new dashboard layout but dislike how it looks. Run the skill to see four visual directions, pick the strongest, and refine it through a feedback round before writing any production CSS. ## Quick Start Ask the assistant to explore design variants for the screen or feature you are working on and show the options on a 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 explore multiple design variants for a UI feature?

Invoke the design-shotgun skill with a request like "explore designs" or "show me options" for the feature. It generates several distinct visual directions, opens them on a comparison board, and collects your structured feedback to iterate.

How does the design comparison board collect feedback?

Each decision point is presented as a structured decision brief with an ELI10 explanation, a recommendation, pros and cons per option, and a completeness score. Your selection drives the next iteration round until a variant is approved.

Does design-shotgun use my project's existing design system?

Yes. It reads the project's DESIGN.md and prior approved variants stored under the project's gstack directory as context, so generated directions stay consistent with established type, color, and component decisions.

When should I not use a design variant generator?

Skip it when the direction is already settled or the change is a minor tweak to an approved design. The skill is built for open exploration and brainstorms, not for implementing a single already-decided layout.

What happens to approved design variants after a session?

Approved variants are recorded per project (as approved.json under the project's gstack designs directory) and surfaced as context in later sessions, so future design work builds on previously approved directions.