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.