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.