ui-design-pipeline-superdesigner

What problem does it solve?

This skill provides a repeatable UI design pipeline, enabling framing the objective, generating a baseline, producing three variants, selecting a direction, implementing with a handoff, and maintaining a decision history.

Core Features & Use Cases

• Frame objective in three lines with Audience, Primary action, and Mandatory sections.
• Generate a baseline layout to establish information hierarchy, rhythm, and action zones.
• Generate three perceptually valid variants using Gestalt Frontend Design principles and a defined layout type.
• Choose a direction and implement with a structured handoff and decision history tracking.
• Maintain a decision-history log to support reversibility and audits.

Quick Start

Provide a framing input with Audience, Primary action, and Mandatory sections, then run the Baseline and three variant generations through the UI design pipeline.