imagegen-frontend-mobile
作者 Leonxlnximagegen-frontend-mobile 是一项面向高端移动端应用界面和多屏流程的图像生成技能。它适合为 iOS、Android 以及跨平台概念创建更具原生感的应用视觉稿，强调清晰层级、易读文字、受控配色和轻量级手机样机效果。请将它用于图像生成，不适合代码、网站或桌面端 UI。
该技能得分为 68/100，说明它可以上架，但更适合被定位为一个聚焦的、仅限图像的移动端设计技能，而不是通用的智能体工作流资产。目录用户能获得清晰的适用范围和明确的设计意图，但由于仓库没有脚本、参考、资源或安装命令来辅助执行，实际使用时仍会有一定的试错空间。
- 用途和边界非常明确：它面向高端移动应用界面与流程图像生成，并明确说明不适用于代码或网站。
- 运行范围信号不错：文档列出了 onboarding、auth、dashboard、chat、ecommerce、fintech 和 health app 等具体移动场景。
- 描述具备较强的触发性：它强调 app-native、可读、多屏和高端手机样机输出，有助于智能体判断何时调用。
- 没有安装命令、支持文件、脚本或参考资料，因此除了 SKILL.md 之外，智能体可依赖的外部指引很有限。
- 文件中包含 lorem ipsum 之类的占位标记，这会稍微削弱可信度，也暗示部分内容可能尚未完成。
imagegen-frontend-mobile 技能概览
imagegen-frontend-mobile 是做什么的
imagegen-frontend-mobile 是一款面向高端移动应用界面和屏幕流程的图像引导技能。它适合用于 iOS、Android 或跨平台概念中的原生应用视觉表达，而不是代码或网站 mockup。对于需要快速拿到精致设计探索的人来说，它尤其合适：产品设计师、创始人、AI 工作流使用者，以及在落地前验证移动端 UI 方向的团队。
它的不同之处
和通用提示词不同，imagegen-frontend-mobile 会更强调清晰的层级关系、符合平台习惯的布局、跨多屏一致的系统感，以及受控的视觉配色。它还默认应用要被呈现为真实手机屏幕的样子，并带有得体的 mockup 处理，但界面本身仍然是视觉重点。这让它在应用概念生成和改版场景里，比宽泛的“移动 UI”提示词更强。
最适合的使用场景
当你需要 onboarding、登录认证、dashboard、聊天、电商、金融科技、健康、效率、社交或工具类屏幕时，可以使用 imagegen-frontend-mobile for Image Generation。它尤其适合需要多屏之间保持连贯流程，而不是只做一张孤立的漂亮界面的时候。如果你的目标是 landing page、桌面端 dashboard，或者前端代码输出，那它并不合适。
如何使用 imagegen-frontend-mobile 技能
安装并检查该技能
在 imagegen-frontend-mobile install 场景下，先从仓库路径添加这个技能，然后优先阅读 SKILL.md。由于这个仓库没有额外暴露支持文件夹，技能文件本身就是主要的操作指南。一个实用的安装流程是：
- 将该技能添加到你的 workspace。
- 打开
skills/imagegen-frontend-mobile/SKILL.md。 - 把其中的风格约束复制到你的图像提示词工作流里。
- 先用一个范围较窄的单屏需求测试，再请求完整流程。
把粗略想法变成强提示词
最好的 imagegen-frontend-mobile usage 从具体的产品语境开始。要说明应用类型、目标平台、核心用户动作，以及你想要的屏幕数量。效果好的输入类似：“Create a premium iOS onboarding flow for a meditation app, 3 screens, calm editorial visuals, soft gradients, large readable typography, subtle phone mockups.” 这种。像“make a mobile app UI”这样的弱输入会留下太多自由度，通常只会产出很泛的结果。
请求里应该包含什么
当你明确写出屏幕用途、内容密度和视觉基调时，这个技能表现会更好。建议包含：
- platform: iOS、Android，或 cross-platform
- screen type: onboarding、dashboard、profile、settings 等
- product category: fintech、fitness、social、utility 等
- visual direction: premium、minimal、bold、textured、editorial
- layout constraints: readable text、multi-screen consistency、visible phone frame
工作流与阅读顺序
如果要把它当作实用的 imagegen-frontend-mobile guide 来用，先看 SKILL.md 里的核心指令，再看 “this skill is for” 和 “this skill is not for” 两部分。这样能最快判断是否适配。如果你要把这个技能改造成其他 agent 或 prompt stack，重点要保留的是应用原生的可读性、流程感知和平台意识，而不是逐字照搬表述。
imagegen-frontend-mobile 技能 FAQ
imagegen-frontend-mobile 适合新手吗？
适合，只要你能用自然语言描述一个移动应用界面。这个技能能减少猜测，但仍然需要具体 brief。新手最好只指定一种产品类型和一个屏幕目标，而不是直接要求一个宽泛的“modern mobile design”。
什么时候不该用它？
不要把 imagegen-frontend-mobile 用在网站 hero 区、桌面产品、实现任务或代码生成上。如果你需要的是没有任何视觉润色的原始 wireframe，它也不是正确选择。这个技能是为高质量图像生成调优的，所以只有在视觉质量和应用真实感都重要时才最合适。
它和普通提示词有什么区别？
普通提示词也能描述一个移动端 mockup，但通常会漏掉那些决定输出是否可用的细节：平台适配、屏幕一致性、视觉克制和清晰层级。imagegen-frontend-mobile 会在一开始就把这些约束加进去，这通常能提升 Image Generation 工作流的安装决策质量和输出一致性。
它同时适用于 iOS 和 Android 吗？
适用，而且平台选择很重要。如果你想要 iPhone 原生感，就要明确说出来。如果你想要 Android 原生的高端 UI，也要直接要求。这个技能两者都支持，但你的提示词最好只选一个主平台，避免混入两套视觉线索。
如何改进 imagegen-frontend-mobile 技能
给技能更清晰的产品 brief
最大的提升来自把泛泛的 UI 语言换成具体的产品语境。不要只说“premium finance app”，而是改成“a premium savings app dashboard for young professionals, showing balance, goals, and card activity.” 这样能给 imagegen-frontend-mobile 更好的输入，让它更准确地处理层级、内容密度和视觉基调。
指定流程，而不只是单个屏幕
当你请求的是一段连续流程时，这个技能最强。比如 onboarding 到 auth、home 到 detail、browse 到 checkout，或者 profile 到 settings。只要你只提一个屏幕，结果可能会好看，但和真实产品的连接感会弱。多屏提示有助于模型保留导航逻辑和视觉连续性。
控制常见失败模式
最常见的问题是布局太泛、文字太挤，以及多屏之间风格漂移。可以通过要求“clean hierarchy”、“high readability”、“consistent components”和“subtle premium phone framing”来降低这些问题。如果第一次结果太偏装饰感，就要求减少 ornament、增加 app content；如果太朴素，就补充更明确的视觉主题和更强的品类参考。
用约束迭代，不要用空泛夸奖
imagegen-frontend-mobile 的有效改进方式是：先出第一版，再做一次有针对性的修正。比如：“keep the same visual system but make the typography larger and the dashboard denser”，或者“retain the premium look but shift to a warmer palette and more editorial spacing。” 这种明确的修改请求，比“make it better”之类的泛泛反馈更能改善下一轮结果。