ui-multiple-design-experiment
Installation
SKILL.md
UI multiple design experiments
The user has submitted an interface — as code, a screenshot, or both — and wants 5 genuinely divergent redesign versions presented in a single HTML page with tab-switching between iframes.
Your job is to understand what the interface is, what it does, and who it's for — then generate 5 versions that are radically different from each other, not just reskinned.
Step 1: Analyze and Interview
Before generating anything, you must understand context. Do both of these:
A. Analyze the input
If code is provided, read it carefully: what components exist, what data is displayed, what interactions are present, what framework/language is used.
If a screenshot is provided, describe what you see: layout structure, key components, apparent purpose, target user type.