这款Skill让App想法先有界面

生成移动应用的界面设计参考图。

imagegen-frontend-mobile 是生成移动应用界面概念图的 Skill。你告诉 AI 产品做什么、面向哪类手机平台、需要哪些页面,它会组织一组视觉参考,而不是直接开发应用。

单张首页很好看,到了设置页突然换字体、换按钮样式,整套就不像同一个产品。这份 Skill 会关注多屏一致性,也考虑导航、系统区域和页面之间的关系。

它通过图像工具输出设计图。可以用来讨论首页、个人页或引导流程,但图里的按钮尚不能点击,文字也需要结合真实内容核对。

适合开发前比较视觉方向。先选一条完整的小流程,例如从首页进入一项任务再查看结果,比只生成很多互不相干的漂亮页面更容易判断设计能否继续做。

每天在iskills.cc看懂一个skill,让 AI 的本领, 成为你的拿手好戏!

分类:设计创作

来源仓库:leonxlnx/taste-skill

适合用来做什么

  • 用 imagegen-frontend-mobile 制作一个 iOS 应用界面
  • 请用 imagegen-frontend-mobile 设计一个 Android 登录页面

安装 imagegen-frontend-mobile

npx skills add https://www.iskills.cc/skills/leonxlnx/taste-skill/imagegen-frontend-mobile/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 imagegen-frontend-mobile 的用途与原始说明

浏览全部 Skill 指南