design-exploration

Analyze component constraints and generate structured design briefs for variations.

Updated Jun 19, 2018
One-click install
npx skills add https://github.com/ouzayr/Utilities --skill design-exploration-ouzayr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/ouzayr/Utilities/tree/main/DailyPlanner/.local/skills/design-exploration
Command: npx skills add https://github.com/ouzayr/Utilities --skill design-exploration-ouzayr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill ensures that when a user asks for design variations, the agent first comprehends the existing component and its constraints before generating new, distinct design hypotheses.

Core Features & Use Cases

  • Problem Comprehension: Analyzes component function, content, interaction, structure, and context.
  • Constraint Identification: Distinguishes between hard and soft constraints and identifies degrees of freedom.
  • Variation Axis Selection: Chooses meaningful axes (structural, content, conceptual, behavioral, aesthetic) for exploration.
  • Design Brief Generation: Creates a structured brief detailing the analysis, constraints, and variation specifications.
  • Delegation with Context: Passes the design brief and relevant file paths to a design subagent.
  • User Communication: Explains the exploration strategy and the rationale behind each variation.

Quick Start

Use the design exploration skill to generate three distinct layout variations for the provided card component.

Frequently Asked Questions about design-exploration

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

FAQPage Schema
How do I generate meaningful design variations for an existing component?

Design exploration analyzes your component's function, structure, and context to identify hard and soft constraints. It then selects meaningful variation axes—structural, content, conceptual, behavioral, or aesthetic—to generate distinct, structured design briefs for divergent exploration.

What is the best way to explore different design alternatives without losing component context?

Exploring design alternatives requires comprehending the existing component and its constraints before generating new approaches. This skill distinguishes between hard and soft constraints, identifies degrees of freedom, and creates structured design briefs to ensure variations remain contextually grounded.

How do I create a structured design brief for prototyping multiple layout approaches?

To create a structured design brief, the skill analyzes component function, interaction, and context to determine variation specifications. It generates a brief detailing the analysis, constraints, and specific variation axes, then delegates this context to a design subagent for prototyping.

Can I use this skill to explore conceptual and behavioral variations, not just aesthetic ones?

Yes, you can explore conceptual and behavioral variations. The skill selects meaningful variation axes across structural, content, conceptual, behavioral, and aesthetic dimensions, ensuring divergent design exploration goes beyond surface-level visual changes.

What constraints should I consider when generating design alternatives for an interface component?

When generating design alternatives, distinguish between hard constraints that cannot change and soft constraints with flexibility. The skill identifies degrees of freedom within your component's structure, content, and interaction to ensure variations are both distinct and viable.

Why does my design ideation produce variations that look too similar?

Design ideation produces similar variations when meaningful axes are not properly selected. This skill solves the problem by analyzing component context and choosing distinct structural, conceptual, or behavioral exploration paths to generate truly divergent design hypotheses.