ui-brainstorm-preamble

Standardize UI design context by capturing platform, scope, design mode, and archetype information to generate a valid preamble.json configuration file. This aligns the AI with project requirements and prevents scope creep before planning begins.

Capture project constraints for a web or iOS redesign by systematically inputting target roles, density requirements, and design modes. This automatically triggers platform-specific routers to initialize the Design Director planning phase.

Initialize the Design Director planning phase for a macOS application by invoking the preamble workflow to define platform requirements and design scope. This deterministic routing ensures the AI understands project constraints before generating visual styles.

The UI planning workflow supports specifying whether image generation is needed for visual style decisions during context capture. This ensures visual style requirements are defined upfront alongside density requirements and target roles.

Define design archetypes and target roles for a dashboard project at the very start of the build process. Capturing this structured input early eliminates ambiguity and ensures the AI aligns with the correct user goals and constraints.

Use a single preamble.json configuration file to route platform-specific UI design across web, iOS, and macOS. The system automatically determines the correct platform-specific design router based on your initial structured input.