design-exploration

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

Updated Jun 20, 2026

Search Tags:#design #ui #prototyping #exploration #design brief #component analysis #variations

Ready to run

npx skills add https://github.com/4tie/fortiesr --skill design-exploration-4tie

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-exploration
Source: https://github.com/4tie/fortiesr/tree/main/.local/skills/design-exploration
Command: npx skills add https://github.com/4tie/fortiesr --skill design-exploration-4tie

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you turn vague requests for alternatives into a clear design brief by first understanding the component, its context, and the real degrees of freedom.

Core Features & Use Cases

Component Comprehension: Reads the selected component and surrounding context to understand function, content, interaction, and visual structure.
Constraint Analysis: Separates hard constraints from soft assumptions so exploration stays meaningful and feasible.
Variation Planning: Chooses the most useful axes for divergent exploration, such as structure, concept, behavior, content, or aesthetics.
Design Briefing: Produces a structured brief that can be delegated for generating distinct design hypotheses instead of superficial reskins.

Quick Start

Use the design-exploration skill to analyze the selected component and prepare a structured brief with three distinct variation directions before generating any options.

Frequently Asked Questions about design-exploration

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

FAQPage Schema

How do I turn a vague design request into a structured brief for UI exploration?▼

Use the design-exploration skill to turn vague requests into a structured design brief by analyzing your selected component, separating hard constraints from soft assumptions, and defining distinct variation axes for structural, conceptual, behavioral, and aesthetic exploration.

What is component analysis in UI prototyping and when do I need it?▼

Component analysis in UI prototyping involves reading a selected component and its context to understand function, content, interaction, and visual structure. You need it when requests for alternatives or options require meaningful, feasible divergent exploration rather than superficial reskins.

How do I plan variations for divergent design exploration across pages and flows?▼

Plan variations for divergent design exploration by selecting useful axes such as structure, concept, behavior, content, or aesthetics, ensuring the resulting hypotheses distinguish structural, conceptual, behavioral, and aesthetic differences across pages and flows.

Can I use design exploration for interaction and visual structure variations?▼

Yes, you can use design exploration for interaction and visual structure variations. The process applies to requests for alternatives, directions, or options, distinguishing behavioral and aesthetic differences to produce delegation-ready design hypotheses across components, pages, and flows.

What's the best way to separate hard constraints from soft assumptions in a design brief?▼

The best way to separate hard constraints from soft assumptions in a design brief is to perform constraint analysis on the selected component and its context, ensuring divergent exploration stays meaningful and feasible before generating any structural or aesthetic options.

Why does my design exploration produce superficial reskins instead of distinct options?▼

Design exploration produces superficial reskins instead of distinct options when variation axes are not properly defined. Generating a structured brief with delegation-ready hypotheses that separate structural, conceptual, behavioral, and aesthetic differences ensures meaningful divergent alternatives.