AI生图前端移动端

为什么移动端 AI 生图容易“一眼假”

大模型生成 App 界面时，常见失败模式包括：伪造的金融 dashboard 配随机图表、首屏内容过载、缺乏 safe-area 意识、导航逻辑混乱、平板式网页套壳、无意义的毛玻璃、Dribbble 风渐变堆砌、文字过小不可读，以及多屏设计系统漂移。即使单屏尚可，流程图常常退化成“一张好看的图加几张填充图”。

这套技能做了什么

它把任务重新定义为移动端原生、高质感、可读性强的 App 界面与流程图生成。

核心能力

• Art Direction：以精英移动产品美术指导身份工作，强调视觉意图、平台感知与设计系统一致性。
• 场景覆盖：支持 onboarding、auth、home dashboard、profile、settings、chat、ecommerce、fintech、health/fitness、productivity、social、utilities，以及多屏概念与 premium redesign。
• 反默认默认值：主动规避紫色蓝调 startup cliché、默认开发者图标集、漂浮卡片滥用、内容悬在首屏、平铺背景无氛围，以及设备框喧宾夺主。
• 一致性控制：跨多张生成图维持调色板、间距、层级与 device mockup 的统一。

关键步骤

1. 明确产物：是单屏、多屏流程，还是 redesign。
2. 先定结构与层级，再处理装饰；避免用复杂感替代好的移动 hierarchy。
3. 按平台逻辑处理导航、safe-area、margin 与可读性。
4. 输出应看起来app-native、believable、flow-aware，而不是“手机尺寸的网页”。

适用边界

• 用于：移动端 App 的界面与流程图像方向。
• 不用于：网站、landing page、desktop dashboard、image-to-code、前端实现或代码生成。
• 注意：该技能只生成图像，不替代前端实现；描述越具体，结果越可控。