design-shotgun

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

4|1|Updated Sep 13, 2023
One-click install
npx skills add https://github.com/louisfghbvc/mcp-leetcode-crawler --skill design-shotgun-louisfghbvc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/louisfghbvc/mcp-leetcode-crawler/tree/main/.agent/skills/design-shotgun
Command: npx skills add https://github.com/louisfghbvc/mcp-leetcode-crawler --skill design-shotgun-louisfghbvc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers need to rapidly explore AI-generated design directions and compare them side-by-side to decide quickly. This tool surfaces multiple variants, a shared comparison board, and structured feedback to accelerate design iteration.

Core Features & Use Cases

  • Generate multiple AI design variants automatically.
  • Open a side-by-side comparison board for evaluation.
  • Collect structured feedback and iterate on visuals.

Quick Start

Run design-shotgun to generate multiple design variants and open a comparison board for evaluation.

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 AI design variants for rapid iteration?

To generate multiple AI design variants for rapid iteration, run the tool to automatically create visual directions and open them in a side-by-side comparison board. It saves artifacts in ~/.gstack/projects/$SLUG/designs for quick evaluation.

What is a side-by-side comparison board for UI design exploration?

A side-by-side comparison board is a visual interface that displays multiple generated AI design variants simultaneously, allowing designers to evaluate UI components, branding, and visual directions quickly to accelerate the design iteration process.

Do I need local design assets to generate visual brainstorm variants?

Yes, generating visual brainstorm variants requires local design assets and a local design runtime (design-shotgun binaries). These assets serve as the baseline for the AI to create and save multiple iterations for your evaluation.

Can I collect structured feedback on generated UX design directions?

Yes, you can collect structured feedback on generated UX design directions directly within the tool. This feedback loop enables you to quickly iterate on visuals and optionally store approved variants for future use.

What is the best way to compare branding visuals during prototyping?

The best way to compare branding visuals during prototyping is to use an automated AI design tool that generates multiple variants and presents them in a shared comparison board, enabling rapid evaluation and structured iteration.