design-exploration

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

Updated Mar 20, 2026
One-click install
npx skills add https://github.com/ItsJupiter000/hot-outreach --skill design-exploration-itsjupiter000
Or copy as Structured Prompt for Agent
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.