design-shotgun

Generate four parallel design mockups for a specified component.

1|Updated May 21, 2026
One-click install
npx skills add https://github.com/hiddink-ai/hiddink-harness --skill design-shotgun-hiddink-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-shotgun
Source: https://github.com/hiddink-ai/hiddink-harness/tree/main/templates/skills/design-shotgun
Command: npx skills add https://github.com/hiddink-ai/hiddink-harness --skill design-shotgun-hiddink-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the problem of premature design convergence by forcing the generation of multiple, diverse visual directions simultaneously, preventing teams from settling on the first idea that comes to mind.

Core Features & Use Cases

  • Parallel Ideation: Automatically spawns four distinct design approaches (Minimal, Data-dense, Visual, Conventional) for any given component.
  • Side-by-Side Comparison: Generates a structured comparison board to evaluate readability, visual impact, and accessibility across all variations.
  • Use Case: When designing a new dashboard settings panel, use this skill to quickly visualize four different layout strategies before committing to a final implementation.

Quick Start

Invoke the design shotgun skill with a description of the component you want to mock up such as a landing page hero section.

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 design mockups at the same time to prevent premature convergence?

Generating parallel design mockups requires spawning multiple agents to produce distinct stylistic variations simultaneously. This prevents premature design convergence by forcing diverse visual directions, ensuring teams do not settle on the first idea.

What is the best way to compare different layout strategies for a UI component?

The best way to compare layout strategies is generating a structured side-by-side comparison board. This evaluates readability, visual impact, and accessibility across four distinct variations: minimal, data-dense, visual, and conventional layouts.

How do I create rapid visual variations for a dashboard settings panel?

You can create rapid visual variations for a dashboard settings panel by invoking a parallel ideation process. This automatically generates four distinct design approaches, allowing you to quickly visualize different layout strategies before committing to a final implementation.

Does this parallel prototyping approach ensure accessibility compliance?

Yes, the parallel prototyping approach ensures accessibility compliance by requiring integration with design-expert guidelines. This guarantees that the generated mockups are evaluated for accessibility and visual impact alongside standard production readiness checks.

Can I use this tool to mock up a landing page hero section quickly?

Yes, you can mock up a landing page hero section by invoking the tool with a specific component description. It will then spawn four parallel design mockups to provide rapid visual comparison across minimal, data-dense, visual, and conventional layouts.