news 2026/5/1 9:37:43

用星流AI做库洛米卡牌APP,每一张都颜值爆表!

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
用星流AI做库洛米卡牌APP,每一张都颜值爆表!

家人们,库洛米脑袋要嗨疯了,

我不仅把它做成了手势交互游戏,又甜又酷。

而且我做了全套库洛米APP,

可以感受暗黑甜心沉浸式体验哦。

这是我用星流agent做的库洛米卡牌

星流,就是国内版的lovart没有网络要求,小白特友好。

设计风格选择

而且很久之前就有做卡牌游戏的想法了,但是我在网上找素材。

找了很久,发现都是这种经典式的卡牌素材。

比如说github上这个,但是我想有自己的设计风格,

虽然我没学过设计,

刚好看到有人在星流社区发布了自己做的这个库洛米的demo。

所以我就按照他的提示词思路来做了这一套卡牌。

它其实全套的78张,大概20分钟,每一张小表情都超有戏。

就画质在多端运行也不会糊掉,因为我用我那个超大屏幕试了还是超级清晰,我真的每张都好喜欢。

就是要出去开盲盒,我要能开这么多库洛米,我得快乐死,这样你就可以拥有全套库洛米卡牌了。

接入iosAPP

接下来阿星想把它搬到苹果APP上,就预览一下。我得先定好全套的交互脚本视觉清单。

…………

告诉星流UI组件命名清单

接着我就把这些需求都丢给了星流——因为我先写好交互脚本(代码),定好了每个角色的名字(变量名),然后再把这份【命名清单】丢给星流。这样它生成的每一张图,都不需要我二次改名,实现真正的落地即生产

跟它说:请帮我生成库洛米全套UI,命名规范如下

告诉星流建议的命名规范清单,你可以把这个part所有内容直接告诉星流

基础资源命名规范 (Base Assets)

资源类型

命名格式

示例

作用

启动图

img_splash

img_splash.png

对应 App 启动画面

背景图

bg_类型

bg_main_purple, bg_card_yellow

作为 SwiftUI ZStack 的最底层

按钮图

btn_功能_状态

btn_draw_normal, btn_draw_pressed

用于自定义 Button Style

图标

ic_名称

ic_heart, ic_star, ic_kuromi_head

用于导航栏或功能点缀

核心卡牌资源 (重点:序列化命名)

为了让那 78 张卡牌能通过ForEach循环自动渲染,严禁使用中文或无规律名称

  • 命名规则:card_序号card_类型_序号

iOS 组件与 UI 零件 (Component Assets)

针对你让星流生成的 UI 零件,命名如下:

  • 小组件 (Widgets):

    • widget_small_luck(今日运势小组件)

    • widget_medium_history(占卜历史中组件)

  • 装饰件 (Decorations):

    • deco_frame_gold(卡牌外框)

    • deco_crystal_ball(水晶球动画素材)


如何在 Prompt 中要求“星流”?

当你让“星流”生成图集时,结尾可以在 Prompt 结尾加上这一段指令:

请确保 UI 资源清晰分离。如果提供工作表,请将它们以网格形式排列。在命名或引用这些资源时,使用小写字母和下划线(例如,btn_start_draw、bg_tarot_main)。对于 78 张塔罗牌,遵循严格的顺序命名约定,如 card_01 到 card_78,以便于编码集成。


开发者小贴士切图透明度

切图透明度:要求星流生成图标(Icons)和按钮(Buttons)时,背景必须是纯色(如纯黑或纯白),最好要求星流直接生成带有 Alpha 通道的透明 PNG,如果星流做不到,再使用纯色背景方案。

它就直接按照我的开发命名规范精准生成完了。

生成UI组件素材

大到背景图,

小到交互按钮的全套截图都ok了。

然后我把这些组件图片直接拖进Xcode里面。

点击build就可以直接运行成功了。

要知道如果名字对不上的话,

咱们的这个程序是没法跑起来的。

而星流AI它非常出色的完成了每张UI图的命名。

它既扮演了设计师,就比如说给咱们用prompt出图,又扮演了前端程序员,

把图片上的名称和咱们在程序里面的命名方式是高度的一致,

这样的话才会有那种丝滑的体验。

要上架了,

那我们再来一套APP store广告图,

官方尺寸告诉新流瞬间get,省去了以往要做多种尺寸icon的重复工作。

这是每一个上架过IOSAPP首选最痛苦的地方。

因为苹果官方它有很多很多种要求。

ok。继续

有任何不满意的地方就可以用他们家的文字编辑txt edit和精准编辑touch edit来修改,

改哪里,完全不需要重新作图。

总之阿星之后的独立开发的UI设计,感觉都可以用星流来代表了。

颜值高还懂开发需求,我有信心成为全干工程师了。

我自己的话是仅供自己欣赏,大家如果要发布的话是要注意版权的。

OK,我是阿星!

更多AI应用,我们下期再见👋🏻

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/28 15:15:10

提示词框架大全(二):流程类,告别AI回答不专业的困扰

该系列是一个提示词框架的整理笔记,尝试收录至今为止所有的提示词框架。最终共收集到了24个提示词框架,我将这些框架按照复杂度分成了如下5个类别: 基础类:适合日常快速任务,包括RTF、TAG、ERA、APE、BAB、CTF共6个框架…

作者头像 李华
网站建设 2026/4/12 11:56:35

详细说明依赖项和配置

说明: 1.Spring Framework版本:7.0.2 2.开发框架:Spring boot(版本3.5.6) 3.开发工具:eclipse 4.jdk版本:25 5.操作系统:debian12 详细说明依赖项和配置 如前一节所述,您可以将Bean属性和构造器参数定义为对其他受管理Bean(合作者)的引用,或定义为内联定义的…

作者头像 李华
网站建设 2026/5/1 7:17:48

高温验质,精准赋能——陶瓷材料高温电阻率测试的隐形力量

从航空航天的极端工况到新能源电站的核心组件,从第三代半导体的精密封装到核能工程的关键防护,陶瓷材料凭借其卓越的耐高温性、绝缘性与机械强度,成为支撑高端制造与尖端科技前行的“隐形基石”。而这份可靠性能的背后,离不开一项…

作者头像 李华
网站建设 2026/5/1 9:50:43

Bamtone ICT系列:PCB离子污染检测设备优选

PCB板的清洁度直接影响着产品的可靠性和寿命,离子污染残留可能导致电路腐蚀、短路等严重问题,因此离子污染测试成为确保产品质量的关键环节。作为国内领先的PCB测量仪器、智能检测设备等专业解决方案供应商,班通科技凭借多年行业深耕与技术积…

作者头像 李华
网站建设 2026/4/30 13:25:02

BYOVD漏洞研究:CVE-2026-0828内核驱动漏洞分析与安全研究

0xKern3lCrush-M4te-CVE-2026-0828 Windows BYOVD研究与终端侦察笔记 严格用于教育/安全研究目的。 目标:通过公开披露文档理解和研究"自带易受攻击驱动"技术——不包含任何可工作的漏洞利用代码。 ⚠️ 关键道德与法律警告(操作前必读&#x…

作者头像 李华
网站建设 2026/5/1 8:39:50

用Linux脚本轮转业务系统的日志

背景 上一篇文章用Linux自带的logrotate来轮转日志,确实方便,但它会改变当前日志文件的指针,因为它的机制是重新创建当前日志文件。在有些情况下,会出现奇怪的问题。比如一直打开当前日志文件不关闭的业务系统会受影响。 解决 …

作者头像 李华