Verified:GitHub

design-exploration

Analyze component function and constraints to generate a formal design brief.

5|21|Updated Jun 12, 2025

Search Tags:#design-exploration #design-thinking #component-analysis #design-brief #problem-comprehension #variation-generation

Ready to run

npx skills add https://github.com/Exocore-Organization/exocore-web --skill design-exploration-exocore-organization

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/Exocore-Organization/exocore-web/tree/main/.local/skills/design-exploration
Command: npx skills add https://github.com/Exocore-Organization/exocore-web --skill design-exploration-exocore-organization

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill ensures the agent performs problem comprehension before generation when handling variation requests, preventing shallow outputs and ensuring meaningful divergent design exploration.

Core Features & Use Cases

Read and comprehend the target component's function, content, interaction, visual structure, and context.
Identify hard and soft constraints and degrees of freedom to define meaningful variation axes.
Compose a structured design brief with chosen variation axes and concrete hypotheses, then delegate to the design subagent.
Use cases include generating multiple design directions for a UI component, exploring layout and behavior variants, or reframing the problem before implementation.

Quick Start

Provide a design exploration prompt for a selected component: e.g., generate three design directions for the signup form.

Frequently Asked Questions about design-exploration

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

FAQPage Schema

How do I generate multiple design variations for a UI component?▼

To generate multiple design variations for a UI component, this skill first analyzes the component's function, constraints, and degrees of freedom, then composes a structured design brief with concrete hypotheses to guide the generation of meaningful divergent directions.

What is design thinking problem comprehension before generating layout variants?▼

Design thinking problem comprehension is the process of analyzing what a component does and what user problem it solves before generating layout variants, preventing shallow outputs and ensuring meaningful divergent design exploration.

How do I write a structured design brief for exploring component behavior variants?▼

Writing a structured design brief for exploring component behavior variants involves identifying hard and soft constraints, defining meaningful variation axes, and formulating concrete design hypotheses before delegating to a design subagent.

Can I use this approach to reframe a design problem before implementation?▼

Yes, you can use this approach to reframe a design problem before implementation by reading and comprehending the target component's visual structure, interaction, and context to identify new possibilities and directions.

Why does my UI component variation generation produce shallow outputs?▼

UI component variation generation often produces shallow outputs because it lacks problem comprehension beforehand; this skill solves that by capturing constraints, degrees of freedom, and chosen variation axes in a formal design brief before generation.

Does design exploration work without specifying constraints and degrees of freedom?▼

Design exploration without specifying constraints and degrees of freedom leads to unstructured results; this skill explicitly identifies these factors to define meaningful variation axes and generate concrete design hypotheses for the target component.