design-exploration

Generate a structured design brief before delegating component variations to the design subagent.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/offers-png/one-time-checkout --skill design-exploration-offers-png
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/offers-png/one-time-checkout/tree/main/.local/skills/design-exploration
Command: npx skills add https://github.com/offers-png/one-time-checkout --skill design-exploration-offers-png

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Problem comprehension is essential before generation. This skill intercepts requests for variations to ensure a structured design brief is produced for the design subagent, enabling meaningful exploration rather than deterministic editing.

Core Features & Use Cases

  • Reads and analyzes a component's source context (function, content model, interaction, visual structure, and context) to inform exploration.
  • Identifies hard/soft constraints and degrees of freedom to anchor meaningful variations.
  • Selects 2–3 axes (structural, content/semantic, conceptual, behavioral, aesthetic) and composes a concrete design brief for delegation.
  • Delegates with the brief to the design subagent and returns structured design hypotheses.

Quick Start

Submit a request for divergent design exploration (e.g., "generate variations" or "show me options") to receive a structured design brief before any design output.

Frequently Asked Questions about design-exploration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate divergent design variations for a component?

To generate divergent design variations, this skill intercepts your request to formulate a structured design brief, analyzing component context and constraints before delegating to a subagent. This ensures meaningful exploration rather than deterministic editing, returning structured design hypotheses.

What is a design brief used for in UX workflows?

A design brief in UX workflows anchors meaningful variations by identifying hard and soft constraints. This skill generates a brief by selecting 2-3 structural, conceptual, or aesthetic axes to guide the design subagent, ensuring structured divergent exploration.

How do I explore design options without manually writing a brief?

You can explore design options by submitting a request like "generate variations" or "show me options." The skill automatically analyzes source context, identifies degrees of freedom, and composes a concrete design brief for delegation without manual writing.

Can I request specific axes for design exploration?

Yes, the design exploration process selects 2-3 meaningful variation axes, including structural, content/semantic, conceptual, behavioral, and aesthetic dimensions. It analyzes your component context to determine the most relevant axes for generating design hypotheses.

What is the difference between deterministic editing and divergent design exploration?

Divergent design exploration generates multiple structured design hypotheses by identifying constraints and degrees of freedom, whereas deterministic editing applies direct changes. This skill ensures problem comprehension by producing a design brief before generation.

Does design exploration require a separate design subagent?

Yes, this skill coordinates end-to-end design exploration by delegating the execution to a design subagent. It intercepts requests at the main agent level to prepare a structured design brief prior to delegation.