design-exploration

Generate a structured design brief and delegate to the design subagent.

Updated Mar 22, 2026
One-click install
npx skills add https://github.com/adminsairolotech-bit/sai-rolotech-smart-engines --skill design-exploration-adminsairolotech-bit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/adminsairolotech-bit/sai-rolotech-smart-engines/tree/main/.local/skills/design-exploration
Command: npx skills add https://github.com/adminsairolotech-bit/sai-rolotech-smart-engines --skill design-exploration-adminsairolotech-bit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines exploratory design work by ensuring problem comprehension before generating variations, producing a structured design brief for the design subagent instead of direct outputs.

Core Features & Use Cases

  • Problem comprehension before generation: analyzes a component's function, content model, interaction model, visual structure, and context.
  • Constraints and degrees of freedom: identifies hard constraints, soft constraints, and meaningful axes for variation.
  • Variation axis selection: chooses 2–3 axes across structural, content/semantic, conceptual, behavioral, and aesthetic categories.
  • Design brief composition: outputs a structured brief with analysis, chosen axes, and concrete variation specifications.
  • Delegation workflow: passes the brief and source file path to the design subagent for downstream steps.

Quick Start

Provide a target component or design task and I will generate a design brief detailing 2–3 meaningful variation axes.

Frequently Asked Questions about design-exploration

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

FAQPage Schema
How do I generate UI design variations from an existing component?

A design exploration brief structures your design options by first analyzing a component's function, interaction model, and constraints. It then defines 2–3 meaningful variation axes across structural, semantic, behavioral, or aesthetic categories before generating alternatives.

How do I create a structured design brief for exploring layout alternatives?

You start a design exploration by providing a target component or design task. The system comprehends the problem by analyzing the visual structure and context, identifies constraints, and outputs a structured design brief detailing concrete variation specifications.

Can I use this to generate design directions for different user flows?

Yes, design exploration applies to requests for variations or alternatives across UI components, layouts, and flows. It identifies constraints and defines variation axes across structural, behavioral, conceptual, and aesthetic categories to produce design directions.

What is the best way to define variation axes for UI component alternatives?

Design exploration uses a delegation workflow that passes the generated structured design brief and source file path to a design subagent. This ensures problem comprehension happens before generating variations, rather than producing direct outputs.

Does this design exploration process output final UI mockups directly?

No, it does not output final mockups directly. Design exploration streamlines exploratory work by ensuring problem comprehension first, producing a structured design brief that is delegated to a design subagent for downstream generation steps.