design-exploration

Generate a structured design brief before delegating design variations.

Updated Apr 18, 2026
One-click install
npx skills add https://github.com/samibrahmi/instanotes-api --skill design-exploration-samibrahmi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/samibrahmi/instanotes-api/tree/main/newcontent/skills/design-exploration
Command: npx skills add https://github.com/samibrahmi/instanotes-api --skill design-exploration-samibrahmi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill intercepts divergent design requests (e.g., "generate variations" or "explore alternatives") at the main agent level and produces a structured design brief before delegating to the design subagent, ensuring problem comprehension precedes generation. It prevents skipping the analysis phase and avoids passing raw file paths without a design brief.

Core Features & Use Cases

  • Reads the selected component's context (source code, layout, dependencies, styles) to build a clear problem model.
  • Identifies hard constraints, soft constraints, and degrees of freedom to guide meaningful variation.
  • Produces a 2–3 variation design brief outlining distinct hypotheses and delegates to the design subagent.
  • Use Case: user requests ideas or directions for a component; the skill returns a structured brief to frame the subsequent exploration.

Quick Start

Provide a design brief for the selected component and delegate to 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 generate structured design variations from an existing UI component?

This skill intercepts design variation requests by reading the selected component's source code and styles, identifying hard constraints and degrees of freedom, and producing a structured 2–3 variation design brief to guide the design subagent before any alternatives are generated.

Why do I need a design brief before exploring design alternatives?

You need a design brief to ensure upfront problem comprehension by defining explicit constraints and exploration axes; this prevents skipping the analysis phase and avoids passing raw file paths to the design subagent without a structured brief.

What's the best way to explore multiple design directions for a single component?

The best way to explore design directions is to analyze the component's context to identify hard constraints, soft constraints, and degrees of freedom, then outline distinct hypotheses in a structured brief to frame the subsequent exploration by the design subagent.

Can I use this skill to analyze component dependencies and styles before generating ideas?

Yes, you can use this skill to analyze component dependencies and styles; it reads the selected component's context including source code, layout, dependencies, and styles to build a clear problem model before generating ideas.

When should I not use a structured brief for divergent design exploration?

You should not use a structured brief for divergent design exploration if your request requires direct, immediate generation without upfront problem comprehension, as this skill intercepts requests to enforce an analysis phase before delegating to the design subagent.