design-exploration

Generate a structured design brief before creating component variations.

Updated Apr 3, 2026
One-click install
npx skills add https://github.com/gopforever/Idle-Echoes --skill design-exploration-gopforever
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/gopforever/Idle-Echoes/tree/main/.local/skills/design-exploration
Command: npx skills add https://github.com/gopforever/Idle-Echoes --skill design-exploration-gopforever

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Design Exploration skill ensures problem comprehension before generating design variations by producing a structured design brief, preventing shallow or misaligned outputs.

Core Features & Use Cases

  • Read and comprehend a component's function, content model, interaction model, and context to inform design decisions.
  • Identify hard constraints, soft constraints, and degrees of freedom to scope exploration.
  • Select meaningful variation axes (structural, content/semantic, conceptual, behavioral, aesthetic) and compose a design brief for delegation to the design subagent.
  • Delegate with the brief to the design subagent, ensuring that each variation is a distinct hypothesis rather than a simple reskin.
  • Provide a clear justification and trade-offs for each variation to guide evaluation.

Quick Start

Prompt the agent to generate a design brief and 3 distinct design explorations for the given component.

Frequently Asked Questions about design-exploration

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

FAQPage Schema
How do I generate structured design variations instead of simple reskins?▼

To generate structured design variations, analyze a component's function, content model, interaction model, and context to create a design brief. This ensures each variation is a distinct hypothesis rather than a simple reskin. A frontmatter-driven metadata payload accompanies the brief for delegation to the design subagent.

What is a structured design brief and when do I need one for component exploration?▼

A structured design brief comprehends a component's function, content model, interaction model, and context before generating variations. You need a design brief when requesting options or variations for a component, ensuring problem comprehension and preventing shallow or misaligned outputs.

How do I scope design exploration and identify meaningful variation axes?▼

To scope design exploration, identify hard constraints, soft constraints, and degrees of freedom for the component. Select meaningful variation axes including structural, content/semantic, conceptual, behavioral, and aesthetic dimensions to compose a design brief for delegation to the design subagent.

Do I need a design subagent to create component variations?▼

A design subagent is used for delegation after the design brief is composed. The skill delegates the frontmatter-driven metadata payload and brief to the design subagent, ensuring each variation is a distinct hypothesis with clear justification and trade-offs to guide evaluation.

What's the best way to evaluate different design options for a component?▼

The best way to evaluate design options is through a structured design brief that provides clear justification and trade-offs for each variation. This approach treats each variation as a distinct hypothesis rather than a simple reskin, guiding evaluation and preventing shallow or misaligned outputs.

Why does my component variation generation produce shallow or misaligned outputs?▼

Component variation generation produces shallow or misaligned outputs when problem comprehension is skipped. Without a structured design brief analyzing the component's function, content model, interaction model, and context, variations become simple reskins rather than distinct hypotheses with meaningful variation axes.