design-exploration

Generate a structured design brief analyzing component function, content, interaction, visual structure, and context.

Updated Apr 8, 2026
One-click install
npx skills add https://github.com/Buntyarora97/bcshdbchjdb --skill design-exploration-buntyarora97
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/Buntyarora97/bcshdbchjdb/tree/main/.local/skills/design-exploration
Command: npx skills add https://github.com/Buntyarora97/bcshdbchjdb --skill design-exploration-buntyarora97

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the need for structured design exploration by providing a structured design brief before generating design variations.

Core Features & Use Cases

  • Structured Design Brief: Produces a detailed design brief to ensure comprehensive problem comprehension before design generation.
  • Component Analysis: Analyzes the selected component's function, content, interaction, visual structure, and context.
  • Constraint Identification: Identifies hard and soft constraints, and degrees of freedom for meaningful variation.
  • Variation Axes Selection: Selects 2-3 variation axes to produce distinct design hypotheses.
  • Design Brief Composition: Composes a structured brief with component analysis, constraints, chosen axes, and variation specifications.
  • Delegation to Design Subagent: Delegates the design brief and source file path(s) to a design subagent for variation generation.

Quick Start

Use the design-exploration skill when you need to explore design variations for a component. Provide the component's source code and context, and the skill will generate a structured design brief.

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 component design exploration?

To create a structured design brief for design exploration, analyze the component's function, content, interaction, visual structure, and context to identify constraints and select variation axes. This ensures comprehensive problem comprehension before generating design variations.

What is the best way to generate distinct design variations for a UI component?

The best way to generate distinct design variations is by selecting 2-3 specific variation axes based on identified degrees of freedom. This approach produces distinct design hypotheses rather than arbitrary visual changes.

How do I identify constraints and degrees of freedom before generating design hypotheses?

You identify constraints and degrees of freedom by analyzing the component's function, content, interaction, visual structure, and context. This analysis distinguishes hard limitations from flexible areas suitable for meaningful design variation.

Can I use a structured design brief to delegate design variation generation to a subagent?

Yes, you can use a structured design brief to delegate design variation generation to a design subagent. The brief includes component analysis, constraints, chosen axes, and variation specifications alongside source file paths for the subagent.

When do I need a structured design brief for component analysis?

You need a structured design brief for component analysis when you want to explore design variations systematically. It ensures you comprehensively understand the component's function, interaction, and visual structure before delegating variation generation.

What should I provide to start the design exploration process for a specific component?

To start the design exploration process, you should provide the component's source code and context. The skill uses this input to generate a structured design brief with component analysis and variation specifications.