这是什么
一个只出图的 Skill，用于 iOS、Android 及跨平台产品的移动界面概念和流程，把界面放进干净的手机样机里展示，从不写代码。
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, s
它对设计意味着什么
- 界面会尊重安全区域和系统区域，不会看着像塞进手机里的网页。
- 锁定的设计规范让配色、字体和图标在每一屏之间保持一致。
- 多屏套组会构成一条可信的流程，而不是互不相关的孤立样机。
包含哪些内容
- Platform mode rule
- Generate enough screens rule
- App design bible rule
- Safe area and system region rule
- Device mockup frame rule
- Text size and readability rule
如何安装
imagegen-frontend-mobile
-
克隆这个仓库。
git clone https://github.com/Leonxlnx/taste-skill -
把 Codex 指向这个 Skill 文件。
skills/imagegen-frontend-mobile/SKILL.md -
然后描述你想要的界面，Codex 会照着这个 Skill 来做。
如何配合 Codex 使用
-
说明应用类别和屏数，每一屏都会单独生成一张图。
-
Skill 会先选定平台模式：iOS、Android，或跨平台中性风格。
-
文字偏小或取景不均的屏幕，可以要求它重新生成。
这里的每个插件都免费开源，并附上真实的上游源地址。
在 codex-design 清单上了解更多 ↗
下一步
用 Open Design 做设计，省掉那些配置
你可以自己装这个插件，也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key，产出归你所有。