skills.rest
Spectra29115
Spectra29115COMMUNITY
Explore all skills by this author →
GitHub

design-exploration

Analyze component constraints and delegate structured design briefs to a subagent.

Updated Jul 4, 2026
Search Tags:#design analysis#UI/UX design#design exploration#structured brief#component variation
One-click install
npx skills add https://github.com/Spectra29115/Project-ResumeParser --skill design-exploration-spectra29115
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/Spectra29115/Project-ResumeParser/tree/main/.local/skills/design-exploration
Command: npx skills add https://github.com/Spectra29115/Project-ResumeParser --skill design-exploration-spectra29115

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the need for divergent design exploration, ensuring comprehensive analysis before generating variations, and providing a structured design brief to guide the design process.

Core Features & Use Cases

  • Comprehensive Analysis: Analyze the selected component's function, content, interaction, visual structure, and context.
  • Constraint Identification: Differentiate between hard and soft constraints, and identify degrees of freedom for meaningful variation.
  • Axis Selection: Choose 2-3 axes for variation, such as structural, content, conceptual, behavioral, or aesthetic.
  • Design Brief Composition: Create a structured brief with component analysis, constraints, chosen axes, and variation specifications.
  • Delegation to Design Subagent: Pass the design brief and source file path to the design subagent for generation.
  • User Communication: Explain the chosen axes and design concepts to the user, and frame each variation as a hypothesis with observable trade-offs.

Quick Start

Generate design variations for the 'header component' using the 'design-exploration' skill.

Frequently Asked Questions about design-exploration

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

FAQPage Schema
How do I generate unique UI/UX design variations for a specific component?▼

Divergent design exploration involves analyzing a component's context, identifying hard and soft constraints, and selecting 2-3 axes like structural or aesthetic to frame meaningful variations as testable hypotheses.

How do I create a structured design brief for component variation?▼

You create a structured design brief by compiling component analysis, identified constraints, chosen variation axes, and variation specifications to pass to a design subagent for generation.

What is the best way to analyze constraints for UI/UX design exploration?▼

The best way to analyze constraints for UI/UX design exploration is to differentiate between hard and soft constraints, then identify degrees of freedom that allow for meaningful component variation across selected axes.

Can I use design exploration for divergent thinking in UI/UX tasks?▼

Yes, you can use design exploration for divergent thinking in UI/UX tasks by choosing 2-3 variation axes such as structural, content, conceptual, behavioral, or aesthetic to generate unique component variations.

How do I frame UI design variations as hypotheses with observable trade-offs?▼

You frame UI design variations as hypotheses with observable trade-offs by communicating the chosen axes and design concepts to the user, ensuring each generated variation serves as a distinct exploratory direction.

Related Skills

Explore More Design & Creative Skills→
laststancelaststance
1

prop-drill

Trace a React prop from its origin through the component tree to all consumers.

Official
Intermediate
AugustEmnaAugustEmna

design-exploration

Analyze component constraints and delegate a design brief to the design subagent.

Community
Advanced
koya-altkoya-alt

design-exploration

Generate structured design briefs for UI component variation requests.

Community
Intermediate
staruhubstaruhub
662

ui-analyzer

Analyze UI design screenshots to generate React TypeScript components with Tailwind CSS.

Community
Intermediate