design-exploration

Analyze component constraints and compose a design brief for variation exploration.

Updated Mar 17, 2026
One-click install
npx skills add https://github.com/shahmirerror/gsdcp-mobile --skill design-exploration-shahmirerror
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/shahmirerror/gsdcp-mobile/tree/main/.local/skills/design-exploration
Command: npx skills add https://github.com/shahmirerror/gsdcp-mobile --skill design-exploration-shahmirerror

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill ensures problem comprehension before generation when handling divergent design exploration requests. It analyzes what a component does, its constraints, and what is meaningfully free to vary, then composes a design brief and passes it to the design subagent. It prevents skipping straight from a user's request for variations to outputs and ensures a structured approach to exploration.

Core Features & Use Cases

  • Read and comprehend the component: analyze the function, content model, interaction model, visual structure, and context to form an internal representation.
  • Identify constraints and degrees of freedom: distinguish hard constraints, soft constraints, and viable degrees of freedom to guide variations.
  • Select meaningful variation axes: choose 2–3 axes across Structural, Content/Semantic, Conceptual, Behavioral, and Aesthetic domains.
  • Compose the design brief: produce a structured artifact detailing analysis, constraints, chosen axes, and concrete variation specifications.
  • Delegate with the brief: pass the brief, the source file path, and an instruction to the design subagent for variation generation.

Quick Start

Analyze a selected component, identify constraints and 2–3 variation axes, and generate a design brief to guide the design subagent.

Frequently Asked Questions about design-exploration

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

FAQPage Schema
How do I create a structured design brief for UX component variations?

A design brief for component analysis captures hard and soft constraints, function, and interaction models to guide UX variation. It ensures problem comprehension by defining meaningful variation axes before generation.

What is the best way to identify constraints and degrees of freedom in UX design?

Identifying constraints and degrees of freedom involves analyzing a component's visual structure and interaction model to distinguish hard limits from soft constraints. This analysis reveals viable areas to vary for structured design exploration.

How do I evaluate different UX design variations systematically?

Evaluate UX design variations by establishing concrete evaluation criteria for each variation axis within the design brief. This ensures structured assessment of structural, conceptual, and aesthetic hypotheses during component analysis.

Does design exploration work without a predefined design strategy?

Design exploration requires a predefined strategy to prevent skipping from a variation request directly to outputs. A formal design brief ensures a structured approach by capturing constraints and rationale before generation.

What are the limitations of unstructured UX component analysis?

Unstructured UX component analysis often skips problem comprehension, leading to arbitrary outputs. Without a formal design brief identifying constraints and variation axes, design exploration lacks rationale and evaluation criteria.