skills.rest
tgmarinho
tgmarinhoCOMMUNITY
Explore all skills by this author →
Website𝕏@tgmarinhoGitHub

design-shotgun

Generates multiple AI design variants and collects structured feedback through a comparison board.

Updated May 15, 2026
Search Tags:#iteration#ui design#ai design#design feedback#design variants#comparison board#visual brainstorm
One-click install
npx skills add https://github.com/tgmarinho/canetaco --skill design-shotgun-tgmarinho
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/tgmarinho/canetaco/tree/main/.claude/skills/design-shotgun
Command: npx skills add https://github.com/tgmarinho/canetaco --skill design-shotgun-tgmarinho

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Exploring UI design directions one at a time is slow and often locks you into the first idea. This Skill generates multiple design variants in parallel, presents them on a comparison board, and collects structured feedback so you can iterate quickly on visual direction. ## Core Features & Use Cases - Parallel Variant Generation: Produces several AI-generated design options for a UI feature instead of a single take. - Comparison Board: Opens a side-by-side board so you can review and compare variants visually. - Structured Feedback Loop: Collects your reactions through guided questions and iterates on the chosen direction. - Use Case: You describe a new dashboard layout but have not seen what it could look like. Run the Skill to get several visual directions, pick a favorite, and refine it before writing production code. ## Quick Start Ask the assistant to explore design variants for the UI feature you are describing and show you 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 options for a UI feature?▼

Invoke the design-shotgun workflow with a description of the feature. It generates several design variants in parallel, opens a comparison board, and walks you through structured feedback questions to pick and refine a direction.

What is a design comparison board and how does it help?▼

A comparison board displays multiple generated design variants side by side so you can evaluate them visually at once. It replaces sequential review, making tradeoffs between layout, style, and structure easier to judge.

When should I use design variant generation instead of designing directly?▼

Use it when you have described a UI feature but have not seen what it could look like, or when you dislike the current look. It is less useful once a design direction is already approved and only implementation remains.

Does the design exploration workflow use my existing design system?▼

Yes. The workflow loads project context such as DESIGN.md and previously approved design variants from the project directory, so generated options stay consistent with your established design system.

Can the design feedback loop run without interactive questions?▼

No. The workflow depends on an AskUserQuestion tool variant to collect structured feedback. If no question tool is available, the Skill stops and reports that it is blocked.

Related Skills

Explore More Design & Creative Skills→
mr-daedaliummr-daedalium
107

office-hours

Guide structured design sessions to produce action-oriented design documents.

Community
Advanced
xpert-aixpert-ai
8

design-qa

Compare Figma prototypes with frontend implementations to detect visual design drift and generate prioritized fix lists.

Official
Intermediate
45black-Limited45black-Limited
1

apply-saville

Apply 45Black's Saville Edition v5.0 design system with variant selection and token generation.

Official
Advanced
Samuelca6399Samuelca6399

figma-to-code

Convert Figma auto layout, tokens, and variants into HTML, CSS, and React components.

Community
Intermediate