移动端 AI 应用界面生图

解决什么问题

AI 生成移动端界面时，常会掉进模板化默认：一个漂亮首页后接大量填充页、浮层卡片和胶囊标签堆叠、安全区缺失、文字过小、导航逻辑弱，甚至把网页布局直接塞进手机屏幕。这个技能把任务定位为移动端产品视觉导演，目标不是做普通 app mockup，而是生成更像真实 App、可读性强、流程一致的多屏图像。

如何工作

技能将输出限定为 image-only，重点服务移动应用界面方向：

• 适用场景：onboarding、auth、home dashboard、profile、settings、chat、ecommerce、fintech、health、social、utilities 等。
• 压制常见默认倾向：避免无意义随机图表、过度渐变、无目的玻璃拟态、随机亮色、通用启动色，以及设备框压过屏幕内容。
• 保持多屏一致性：让一组画面共享相近的 color palette、间距、组件密度和导航逻辑，读起来像一个产品而不是散落素材。

注意它不生成前端代码，也不用于 image-to-code、网站、落地页或桌面 dashboard。使用时最好提供应用类型、目标平台、品牌气质、核心流程和需要避免的风格，才能得到更贴近移动端真实产品的画面。