简诗 AI 移动界面视觉生成
将以下提示词粘贴到你的 AI 对话框中：
请根据 https://skillhub.cn/install/skillhub.md，安装 @user_fccf428b/imagegen-frontend-mobile。
技能介绍
解决什么问题
普通图像生成在移动端容易产出三类废稿：一是把网页或桌面仪表盘缩放成手机，层级失真、导航逻辑弱；二是靠漂浮卡片、药丸标签和渐变背景硬撑“高级感”，信息密度却失控；三是多屏之间系统漂移，同一流程看起来像不同产品拼凑。结果要么是单张好看的英雄图，要么是文字小到无法阅读的合集。
如何生成可用的移动端界面
该技能将任务限定为生成 App 屏幕与流程图，先锁定平台模式：iOS-native premium、Android-native premium 或 cross-platform premium neutral。随后应用一组基线参数，例如 DESIGN_VARIANCE=8、VISUAL_DENSITY=3、CLARITY_DISCIPLINE=10、COLOR_PALETTE_DISCIPLINE=10，在视觉张力与可读性之间取得平衡。
核心规则如下：
- 屏幕优先：直接输出屏幕或屏幕集合，而不是文字描述或概念板。
- 数量匹配：要求多少屏就生成多少屏，需要细节视图时生成新的独立渲染，不裁切旧图。
- 设计圣经：先确定设备框、色板、字体节奏、间距系统、圆角与图标风格，保证后续所有屏幕属于同一产品世界。
- 流程逻辑：屏幕顺序必须符合真实路径，例如
onboarding → auth → home、cart → checkout → confirmation。 - 演示纪律：默认将内容放入干净的手机框中，保持外边距均衡、阴影柔和、内容优先。
适用边界
该技能只负责图像生成，不进入编码模式，不描述代码，也不实现 SwiftUI、React Native、Flutter 或 HTML。它适用于启动流程、登录、主页、个人资料、设置、聊天、电商、金融、健康、效率与社交等移动端概念，不适用于网站、落地页、桌面仪表盘或 image-to-code 任务。
使用场景
- 产品经理要验证登录到主页的完整路径，需要 3 张风格一致的手机界面图。
- 设计师准备金融 App 首页概念，希望输出仪表盘、记录和账户详情 3 屏预览。
- 运营要推新社交应用，需要 4 张引导页展示注册流程并衔接登录界面。
- 开发者在写界面前，想先用 5 张电商流程图确认列表、详情、购物车、结算与结果页的层级。
适合人员
- 移动端产品经理，需要快速看到多屏交互路径与整体产品节奏。
- App 视觉设计师，希望统一平台风格、间距和配色后再细化稿。
- 前端工程师，要在实现前用屏幕图确认界面层级和导航逻辑。
- 小型创业团队，缺少设计资源，需要一套可信的移动端概念图。
相关技能
根据产品图、场景图和卖点文案生成可交互 HTML 产品详情页，支持多产品轮播、在线改字、设计控制台，并可导出 PDF、JPG 或 PSD 规格。
输入素材名称，查找并返回免费可商用视频素材的预览与下载链接；结果不足时同步给出付费平台入口、价格和搜索优化建议。
调用微软 Edge 在线语音合成，无需 API Key，将文本转成 MP3，并支持语音、语速、音调与无头播放。
按产品事实规划亚马逊 MAIN、Listing 与 A+ 套图，输出自包含生图说明和 QA 状态。