news 2026/4/23 15:58:26

用星流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/23 11:28:47

Pod 关联的 PVC/PV 存在 挂载残留 / 绑定状态异常

在K8s中遇到的这个现象——删除Pod重启失败,删除PVC再删Pod就能成功启动,核心原因是Pod关联的PVC/PV存在「挂载残留/绑定状态异常」,导致新重建的Pod无法正常挂载卷,而删除PVC再重建的过程,会彻底清理这些卷的异常状态…

作者头像 李华
网站建设 2026/4/23 12:46:17

【电商揭秘】同款围巾价格差30倍?老电商人教你一眼识破“价格陷阱”!

附言:全程无广告,请放心观看 (●◡●) 你是否也曾有这样的疑问——在网上看到一件衣服、帽子或围巾,经常发现一模一样的款式,甚至连水洗标、logo的位置都相同,但价格却从十几元、几十元到上百元不等? 今天我们就以围巾为例。 不难发现,上图中的围巾款式几乎一模一样,点…

作者头像 李华
网站建设 2026/4/22 11:26:16

塑料光纤未来应用前景

塑料光纤不会全面取代玻璃光纤,但在“短距离、可视化、可设计”的应用场景中,它的存在感只会越来越强。未来真正增长的,并不是通信干线,而是那些过去被忽略的小规模、非标准化场景。如果还用“能不能替代玻璃光纤”这个问题来看塑…

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

研发协同平台:从孤岛到中枢的数字化跃迁

在当今制造业加速向智能化、柔性化转型的背景下,研发环节的协同效率已成为企业能否快速响应市场、控制成本、提升质量的核心命脉。过去,设计、工艺、采购、生产等部门各自为政,图纸散落于个人电脑,BOM版本混乱,变更流程…

作者头像 李华
网站建设 2026/4/23 13:00:56

网络版app不用担心非单机问题----错误

因为我的app,现在无论怎么选择都是单机模式,而这些新开发的页面,我都会要求只能在联网模式下运行。所以不会出现非单机的风险。--------又是那可笑的监管问题:你核心想知道的是:自己的 App 没有 ICP 许可证&#xff0c…

作者头像 李华