generate_ui_tree
Generates a complete UI screen or component hierarchy from a structured JSON spec, enforcing 8pt spacing, 44px touch targets, and typography standards.
Instructions
Generate a complete UI screen or component hierarchy in a single atomic pass from a structured JSON specification. Enforces enterprise UI/UX & HCI standards: strictly disallows emojis (use 'create_svg_icon' for icons), snaps spacing to 8pt grid, enforces minimum 44px interactive touch targets per Apple HIG / WCAG (Fitts's Law), and applies calibrated typography leading and tracking.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| spec | Yes | Declarative ScreenSpec object containing name, preset ('iPhone 16', 'Desktop', etc.), fill, padding, spacing, and children array with typed elements ('frame', 'card', 'button', 'text', 'divider', 'spacer') and optional 'tag' identifiers for interaction linking. Note: Do NOT use emojis in buttons or text. |