skills.rest
tamnguyentommy-rgb
tamnguyentommy-rgbCOMMUNITY
Explore all skills by this author →
GitHub

design-exploration

Compose a structured design brief for divergent design exploration.

2|2|Updated Apr 3, 2026
Search Tags:#exploration#interaction-design#variation#design-exploration#brief#component-analysis#design-brief
One-click install
npx skills add https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project --skill design-exploration-tamnguyentommy-rgb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project/tree/main/.local/skills/design-exploration
Command: npx skills add https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project --skill design-exploration-tamnguyentommy-rgb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill ensures the agent performs problem comprehension before generation when handling variation requests. Analyze what a component does, what constrains it, and what is meaningfully free to vary — then compose a design brief and pass it to the design subagent. Never skip straight from "user asked for variations" to output.

Core Features & Use Cases

  • Read and comprehend the selected component's function, content model, interaction patterns, and context.
  • Identify hard constraints, soft constraints, and meaningful degrees of freedom to guide variation.
  • Select 2–3 meaningful variation axes (structural, content/semantic, conceptual, behavioral, aesthetic) and justify choices.
  • Compose a formal design brief that documents analysis, constraints, axes, and concrete variation specs.
  • Delegate to the design subagent with the brief and source references to ensure traceable reasoning.

Quick Start

Provide a full design exploration brief for the selected component by reading its source and context, then generate 2–3 distinct design hypotheses.

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 instead of random UI alternatives?▼

Meaningful design variations require analyzing the component's function and constraints before generation. By selecting 2-3 specific variation axes like structural or behavioral changes, you compose a structured design brief that ensures logical exploration.

What is a design brief for interaction design exploration?▼

A design brief for exploration is a formal document detailing component analysis, constraints, and variation specs. It guides divergent design exploration by ensuring problem comprehension happens before generating alternative UI hypotheses.

How do I explore design alternatives for a specific UI component?▼

Exploring design alternatives involves reading the component's source to extract interaction patterns and context. You then define 2-3 variation axes, compose a structured brief, and delegate to produce distinct design hypotheses.

When do I need to use a structured design exploration process?▼

You need a structured design exploration process when handling variation requests across UI components and flows. It prevents skipping straight to output by forcing problem comprehension and constraint identification first.

What are the meaningful variation axes for exploring UI page designs?▼

Meaningful variation axes for exploring UI page designs include structural, content or semantic, conceptual, behavioral, and aesthetic dimensions. Selecting 2-3 of these axes justifies the degrees of freedom specified in the design brief.

Related Skills

Explore More Design & Creative Skills→
William189189William189189

conversation-ux

Define UI patterns and data models for multi-threaded AI chat interfaces.

Community
Advanced
Pranil9699Pranil9699

design-exploration

Analyze component intent and constraints to craft a design brief with variation axes.

Community
Advanced
4tie4tie

design-exploration

Analyze a selected component and produce a structured design brief with variation directions.

Community
Advanced
adminsairolotech-bitadminsairolotech-bit

design-exploration

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

Community
Advanced