以 skill 自身的术语
此 skill 为 iOS、Android 和跨平台产品生成高质量的移动应用界面图像,涵盖引导流程、仪表盘、个人资料页面、身份验证流程、电商、金融科技、健康、生产力和社交类应用。它优先考虑清晰的层级结构、可读的文字、强烈的多屏一致性、可控的配色方案、非通用的创意方向、有质感的表面、以图像为主导的构图,以及自定义图标。
界面默认呈现在带有可见边框的低调高端 iPhone 或类似手机样机中。该 skill 仅生成图像——不涉及代码、不涉及实现、也不涉及图像到代码的转换。它使用如 DESIGN_VARIANCE: 8、ART_DIRECTION: 9、TEXT_READABILITY_PRIORITY: 10 和 CONSISTENCY_STRENGTH: 10 等配置值,主动对抗常见的通用 AI 移动端输出模式,包括虚假的金融科技仪表盘、微小难以辨认的文字、通用的紫蓝配色,以及不一致的界面集合。
它产出什么
- 一张或多张移动界面图像,置于干净的手机样机中,带有可见的设备边框,主要焦点始终保持在应用内容本身
- 在细节不清晰时,可选生成额外的细节视图或全新的独立界面图像,这些图像是专门生成的,而非从更大的图像中裁剪而来
工作方式
- 01首先选择平台模式
选择 iOS 原生高端风格、Android 原生高端风格,或跨平台高端中性风格,以便在生成任何界面之前确立导航模式、安全区域处理和系统外壳行为。
- 02锁定内部设计准则
在为同一应用生成多张图像时,建立并在所有界面上保持一致的平台模式、设备边框样式、配色逻辑、字体调性、间距系统、圆角、图标风格和导航模型。
- 03选择视觉方向系统
选择一种主题范式、字体气质、结构偏向、图像艺术指导偏向、材质处理、色板逻辑,恰好 4 个标志性组件、恰好 2 个装饰性素材,以及恰好 2 种隐含的动效语言,以避免输出重复。
- 04按需生成全新的细节渲染图
当某个屏幕或细节需要专门展示时,生成一张全新的独立屏幕图像,而不是从之前生成的大图中裁剪,以保留间距、比例和字体排版。
- 05运行质量校验
在最终确定之前,验证 27 项检查,包括是否让人感觉像一款真实的移动应用而非网站、是否遵守安全区域、首屏是否干净、文字是否清晰可读、生成的屏幕数量是否足够、流程是否连贯,以及模型框架是否整洁。