imagegen-frontend-mobile — 移动端 App 视觉生成技能
为 AI 代理提供提升移动端 App 界面设计质量的技能，生成具有高级感、原创性、非千篇一律的 App 屏幕与流程概念图。
该技能仅生成图像，不编写代码，不请求额外权限或访问外部服务，数据流明确（输入文本提示，输出图像）。未发现恶意内容、隐秘数据外传或破坏性行为。技能描述与功能一致。扣分原因：作为技能包的一部分，未明确说明技能自身的执行环境隔离或回滚机制；且发布者身份未经验证，但并未因此扣分。
技能文档详细，提供了大量指令和规则，但静态审查无法验证这些规则在实际图像生成中的可重复性和稳定性。技能依赖外部图像生成模型的能力，模型输出的可变性可能影响可靠性。扣分原因：缺乏测试用例、示例输出或可复现的实验证据，无法确认其关键路径的稳定性。
技能适用范围明确（移动端应用截图和流程），并明确列出了适用和不适用场景。触发条件清晰，用户可通过关键词和上下文触发。但技能主要针对英语用户，未提供中文支持；且其核心功能依赖外部图像生成服务，这些服务在中国大陆可能无法访问，影响了在中国市场的可用性。扣分原因：语言支持有限，且对海外服务依赖影响环境适配。
技能文档结构完整，有分节、列表和明确的指令。提供了配置参数（如DESIGN_VARIANCE等）和触发方式。但安装说明、依赖说明、版本更新记录、维护责任等主要位于仓库README和CHANGELOG中，而非技能自身文件内；技能未包含版本号或变更日志。扣分原因：技能自身缺少版本和历史信息，需依赖仓库级文档。
技能文档详细描述了预期的输出标准和规则，理论上能指导生成高质量的移动端截图。但静态审查无法验证其实际效果，缺乏示例输出或用户反馈。扣分原因：没有证据表明其生成结果的质量和可用性，需依赖执行验证。
技能文档中的规则和输出标准缺乏可验证的证据，没有测试套件或执行日志。仓库没有CI配置或测试套件来验证技能行为。扣分原因：关键声明无法独立验证，缺乏第三方证据。
- 技能的核心功能依赖外部图像生成服务，这些服务在中国大陆可能无法访问或速度较慢，请确认使用环境。
- 技能文档为英文，未提供中文版本或适配说明，中文用户使用可能有理解障碍。
- 静态审查无法验证实际生成效果，请在实际使用前进行小规模测试。
这个 Skill 能做什么，适合哪些场景？
这是来自 taste-skill 仓库的一个技能，专门用于生成移动端 App 界面概念图。它不生成代码，只生成图像。该技能强调个性化、非模板化的设计，内在预设了多项设计调优参数（如视觉密度、艺术方向等）来指导图像输出。它要求始终以手机模拟框呈现 UI，专注于内容本身，并支持 iOS、Android 或跨平台模式。它适用于多种 App 类别，如引导页、登录页、首页、社交、金融科技、健康与健身等。
该技能通过严格的规则和设计原则来指导生成移动端 App 屏幕图像。它不接受代码输入，而是基于用户的 App 类型请求，推断出适合的平台模式（iOS、Android 或跨平台）、屏幕数量和视觉方向。它内置了设计偏好预设（如合理留白、高可读性、协调配色等），并规定了许多设计原则，例如强制使用手机模拟框、首个屏幕保持简洁、遵守安全区域、保持多屏视觉一致性等。它还会拒绝通用的 AI 设计特征，如模板化的科技金融仪表盘、过多的卡片和标签、文字过小等，并通过内置的自检清单来确保输出质量。
- 产品设计师需要为移动端 App 想法制作美观的界面概念草稿。
- 开发者在编码前想先直观确认 App 的视觉方向与流程。
- 自由职业者需为客户展示移动端 App 的 UI 概念演示。
- 创始人快速迭代移动端 App 的视觉概念，而不需要写代码。
- AI 辅助工作流中，先让该技能生成界面参考，再让编码代理实现。
这个 Skill 有哪些优点和局限？
- 专为移动端 UI 定制，提供多种设计调优参数，帮助生成非模板化、有艺术方向感的界面。
- 强制要求手机模拟框和一致的视觉系统，确保输出的屏幕具有清晰的流程和结构。
- 明确拒绝通用的 AI 痕迹（如低保真的仪表盘、过多的卡片和标签、文本过小等），有助于避免千篇一律的输出。
- 技能本身不直接生成图像，它只会指导模型如何生成图像，你需要配合支持图像生成的模型（如 ChatGPT Images）使用。
- 技能仅包含文档和规则，没有内置的图像生成能力。
- 文档中未明确说明在哪些模型或平台上可直接触发图像生成。
如何安装这个 Skill？
该技能属于 taste-skill 仓库的一部分。使用以下命令安装：npx skills add https://github.com/Leonxlnx/taste-skill --skill "imagegen-frontend-mobile"。也可以手动将 skills/imagegen-frontend-mobile/SKILL.md 文件复制到项目中。
如何使用这个 Skill？
将 SKILL.md 文件引入你的 AI 代理（如 Claude Code、ChatGPT 等）。然后，向代理描述你想要的移动端 App 概念，例如：“为一个健身应用设计一个 5 屏的 iOS 原生界面”。该技能会自动处理图像生成逻辑。请注意，它只生成图像，不处理实现细节。