design-exploration

Analyzes component constraints and variation axes to generate distinct design hypotheses.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures that the agent thoroughly understands a component before generating design variations, preventing shallow or irrelevant suggestions. It guides the AI to analyze, identify constraints, and propose meaningful design hypotheses.

Core Features & Use Cases

  • Problem Comprehension: Analyzes component function, content, interaction, and context.
  • Constraint Identification: Distinguishes hard and soft constraints from degrees of freedom.
  • Meaningful Variation: Selects axes (structural, content, conceptual, behavioral, aesthetic) for distinct design hypotheses.
  • Structured Briefing: Generates a design brief before delegating to a subagent.
  • Use Case: When a user asks for "different options" for a UI element, this skill ensures the AI doesn't just offer cosmetic changes but explores fundamentally different approaches to the design problem.

Quick Start

Use the design exploration skill to generate variations for the selected 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 UI/UX design variations instead of just cosmetic changes?

To generate meaningful UI/UX design variations, the agent first analyzes component function, interaction, and context to identify constraints. It then selects structural, content, conceptual, and behavioral axes to produce fundamentally distinct design hypotheses.

What is divergent design exploration and when do I need it for prototyping?

Divergent design exploration is the process of generating multiple distinct design hypotheses for a single component. You need it during prototyping when you want to explore fundamentally different structural and conceptual approaches rather than minor aesthetic tweaks.

How do I create a structured design brief for a UI component?

You create a structured design brief by analyzing component constraints and degrees of freedom, selecting meaningful variation axes, and defining distinct design hypotheses. This brief is then generated to delegate detailed design execution to a subagent.

Can I use this approach to identify hard and soft constraints before generating design options?

Yes, you can use this approach to identify hard and soft constraints before generating design options. The process explicitly distinguishes rigid constraints from flexible degrees of freedom to ensure generated variations remain viable and relevant.

What is the best way to explore different design hypotheses for a single component?

The best way to explore different design hypotheses is to ensure problem comprehension first, identify constraints, and then select meaningful variation axes. This prevents shallow suggestions and produces a structured brief for delegation.

Why does my AI agent offer irrelevant design suggestions when I ask for different UI options?

AI agents offer irrelevant design suggestions when they lack problem comprehension before generation. By enforcing analysis of component function, context, and constraints first, the agent is guided to propose fundamentally different approaches instead of shallow changes.