Mobile UI Design

Pre-Flight: Check Design Context

Before generating mobile UI code:

1. Use get_design_context to check for existing design tokens, platform guidelines, or component libraries.
2. If a Figma URL is provided, pull screenshots and metadata to match the design.
3. Determine: Is this a native app (React Native/Flutter), a PWA, or a responsive website?

1. Touch Target Sizes

Every interactive element must be large enough to tap reliably.