design-exploration

Analyze component constraints and variation axes to create a structured design brief.

Updated Mar 20, 2026

Search Tags:#design #exploration #interaction #variation #design-brief

Ready to run

npx skills add https://github.com/ItsJupiter000/hot-outreach --skill design-exploration-itsjupiter000

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/ItsJupiter000/hot-outreach/tree/main/.local/skills/design-exploration
Command: npx skills add https://github.com/ItsJupiter000/hot-outreach --skill design-exploration-itsjupiter000

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill ensures the agent performs problem comprehension before generation when handling variation requests, by analyzing a component's function, constraints, and opportunities for variation to produce a design brief.

Core Features & Use Cases

Problem comprehension: analyze function, content model, interaction model, visual structure, and context.
Constraints & degrees of freedom: identify hard/soft constraints and meaningful variation axes.
Brief composition: create a structured design brief covering analysis, chosen axes, and concrete variation specs for the design subagent.

Quick Start

Read a target component, identify constraints and variation axes, and compose a design brief to guide a 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 before generating component variations?▼

To create a structured design brief, analyze a component's function, constraints, and variation opportunities to define concrete specs. This ensures problem comprehension happens before generation, producing a brief that guides a design subagent through divergent exploration.

What is structured divergence for design exploration?▼

Structured divergence for design exploration is the process of analyzing a component's content and interaction models to identify variation axes. It coordinates multiple viable design directions by producing a structured brief before any visual variations are generated.

How do I identify constraints and degrees of freedom for design system variations?▼

Identify constraints and degrees of freedom by analyzing a target component's visual structure and context. This process separates hard constraints from soft constraints, revealing meaningful variation axes that guide the generation of viable design directions.

When do I need a design brief for component exploration?▼

You need a design brief for component exploration when a design system has multiple viable directions and requires structured divergence before selecting a final path. It ensures the agent performs problem comprehension by analyzing function, content, and interaction models.

Can I use design exploration for components with multiple viable visual directions?▼

Yes, design exploration is specifically built for components or design systems with multiple viable directions. It analyzes function, content models, and interaction contexts to compose a brief that coordinates divergent design variations before final selection.

Why does my design subagent generate variations without understanding the component function?▼

Design subagents generate uninformed variations when they skip problem comprehension. This skill solves that by analyzing function, content, interaction models, and context to produce a structured design brief, ensuring variations align with identified constraints and axes.