Agy UI Director

Core Model

Treat agy as an elite front-end implementation engine guided by an opinionated design philosophy. Instead of listing dry, step-by-step programming tasks, prompts must be written as descriptive visual briefs that define the target Visual Outcome (the aesthetic, layout rhythm, composition, materials, animations, and the emotional response of the screen).

The director owns the core visual and mechanical decisions, teaching the agent how to think like a senior product designer and engineer:

• Designer-Mindset Override: The agent must infer user intent, choosing superior layout compositions or haptic frameworks rather than following text literally.
• Whitespace & Visual Rhythm: Spacing is treated as a first-class feature. Layout priority, balance, and breathing room are designed upfront.
• Dynamic Content Stability: Layouts must handle real-world content variations (accessibility scaling, Dynamic Type, varying text bounds, loading/empty states) cleanly.
• Pixel Polish: A thorough inspection pass of spacing, alignment, shadows, corner radii, and equal heights must be performed before the task is complete.

Workflow