大家好,我是朝朝。
我最近做了一个专门生成「3D 潮玩风 App UI」的 skill。它最爽的地方不是能画几张漂亮界面,而是你只要丢给它一句需求,它就能直接生成一个能点、能滑、能走完整流程的 App 原型。

一句话概括就是:
说出你的想法,收获一个会动的 App UI设计。
坦白讲,我一开始想做这个 skill,是因为我发现很多早期产品想法,最难的地方根本不是「有没有 idea」,而是 idea 还没长出形状。
比如你想做一个城市搭子社区,一个宠物兴趣 App,一个潮玩收藏交换平台,或者一个年轻人周末活动工具。你脑子里可能已经有感觉了,但要真的把它变成页面,就会卡住。
首页长什么样?用户第一眼看到什么?按钮放哪里?社区、任务、个人主页、互动流程怎么串起来?视觉上到底是清爽一点,还是更活泼一点?
以前这套东西,至少要产品、设计、插画、前端一起磨。需求文档先写一轮,设计稿画一轮,插画资产补一轮,再让前端还原一轮。来回几次之后,别说产品了,人先被流程磨平了。
所以我想做一个更直接的东西。
你说一句需求,它先帮你把产品想明白,再把视觉做出来,最后直接变成一个可以操作的 App 原型。
我当时看到第一版跑出来的时候,表情大概是:啊?这也行?




这个 skill 的核心定位很明确,它不是通用型 UI 生成器。
它只专注一件事:生成高辨识度的 Q 版 3D 潮玩活力风 App。
为什么要这么窄?
因为我试下来,AI 做设计最怕的就是「什么都能做」。听起来很强,实际容易变成每种风格都沾一点,最后像模板市场里随机拼出来的东西。按钮像 SaaS,插画像儿童绘本,配色像活动页,整体看着也能用,但没有记忆点。
所以我干脆把风格边界锁死。
多巴胺配色,胖圆角,Q 版 3D 角色,柔软的卡片层级,会呼吸的吉祥物,界面里带一点潮玩包装感。它生成出来的东西,第一眼就应该让人觉得:哦,这个产品有自己的世界观。

这套 skill 最关键的地方,其实有三个。
第一,它会先理解产品,而不是上来就画页面。
很多 AI UI 生成的问题在这里。它看到一句「帮我做一个搭子社区 App」,马上就开始堆首页、卡片、底部导航。看起来很快,但产品逻辑经常是空的。
我的做法是让它先拆场景。
用户是谁?为什么打开这个 App?第一步要做什么?核心互动是什么?哪些页面必须有?哪些功能只是锦上添花?
比如你给它一句:
帮我做一个给年轻人找周末搭子的 App,风格要像 3D 潮玩,活泼一点。
它不会只生成一个「好看的首页」。它会先把这个产品拆成几个关键路径,比如发现活动、匹配搭子、组局详情、聊天确认、个人主页、成就体系。这样后面的 UI 才不是空壳。
这一步很重要。
因为漂亮页面只能让人停留 3 秒,完整流程才会让人觉得这个产品真的可以玩。

第二,它会现场生成原创视觉资产。
这块是我最想强调的。
以前做 App 原型,哪怕 UI 框架有了,视觉资产还是很麻烦。你要么去找素材,要么让设计师画,要么用一些现成插画库。问题是,素材一旦通用,整个产品就会有一种「我好像在哪里见过」的感觉。

而这个 skill 里的角色、插画、装饰元素,都是围绕当前产品现场生成的。
如果你做的是宠物社交,它可能生成一个圆滚滚的宠物管家。你做的是潮玩收藏,它会生成类似盲盒店长的小角色。你做的是运动搭子,它可能会做一个能量感很强的 3D 小伙伴。
这些资产不是提前塞好的模板,而是跟产品概念一起长出来的。
这会带来一个很大的变化:你的产品从第一版开始,就不是「一个套壳 App」,而是有自己的视觉身份。
老实说,这点对早期产品验证非常重要。因为用户看一个新产品,很多时候不是先理性分析功能,而是先感受它是不是像一个真实存在的东西。

第三,它交付的是能玩的原型,不是静态图。
这也是我做这个 skill 时最在意的一点。
现在很多生成式设计工具都能出图,甚至图还挺惊艳。但问题是,图只能看,不能摸。你要判断一个产品体验,光看截图是不够的。
按钮点下去有没有反馈?页面切换顺不顺?底部导航是不是合理?用户从首页到完成动作,会不会迷路?这些都要在交互里才能看出来。
所以这个 skill 的目标不是交付一组静态 UI,而是交付一个可交互 App 原型。
你可以点首页卡片,进入详情页。可以滑动内容流,可以切换 tab,可以走完核心流程。虽然它还不是正式产品,但已经足够用来做演示、沟通、验证方向。
这件事表面上是在省设计时间,实际更关键的是,它把早期产品试错成本打下来了。
以前你可能要等一两周,才能看到一个像样的 demo。现在你可以当天把想法变成一个能操作的东西,然后马上拿给同事、朋友、用户看。
这个反馈速度,真的会改变做产品的节奏。
如果把整个流程拆开,其实就很简单。
你只需要给它一句需求。
比如:
我想做一个面向年轻人的城市活动搭子 App,用户可以发现周末活动、匹配同频搭子、一起组局。希望整体是 3D 潮玩风,活泼、可爱、有能量感。然后它会自动做几件事。
它先把需求变成产品结构,确定核心页面和用户路径。接着生成统一的视觉语言,包括配色、角色、插画、卡片样式和组件状态。最后再把这些东西落成一个可以点击的 App 原型。
中间你不需要分别找设计师画图、找插画师补素材、再找前端还原。
一条链路跑完。
这就是我觉得它有意思的地方。它不是单点能力变强,而是把原来割裂的几段工作,揉成了一个连续工作流。
当然,这里先别太上头。
我不觉得它能替代一个成熟产品团队,也不建议你直接把生成结果复制粘贴上线。尤其是涉及复杂业务逻辑、真实数据、支付、隐私、安全这些部分,还是要产品和工程认真过一轮。
但它特别适合几个场景。
- 第一,早期 idea 验证。你有一个想法,但还没确定值不值得继续做,可以先生成一个原型拿去聊。
- 第二,产品方案展示。比起写十页 PPT,直接给老板或客户点一个能操作的 App,沟通效率会高很多。懂的都懂,很多时候不是你讲不清,是对方没看到画面。
- 第三,设计方向探索。你可以连续生成几版不同产品场景,看看哪种视觉语言更有传播感。
- 第四,个人作品集或提案。尤其是偏 C 端、社区、兴趣、娱乐、潮玩、年轻化产品,这种风格很容易让页面第一眼有记忆点。
这套 skill 对我最大的启发是,AI 现在越来越不像一个单点工具了。
以前我们说 AI 写文案、AI 画图、AI 写代码,都是分开的。你要自己当中间的搬运工,把一个工具的结果复制到另一个工具里,再手动修格式、补逻辑、调样式。
但真正好用的工作流,应该是从想法到结果一气呵成。
你给它一个方向,它能理解、规划、生成、实现、验证。中间每一步都不是 100 分,但连起来之后,效率会非常夸张。
别人需要一个团队、几周时间才能磨出来的东西,它可以先给你一个 70 分到 80 分的可用版本。
而在早期阶段,70 分的可操作原型,往往比脑子里 100 分的想法更有价值。
因为你终于可以拿它去试了。
最后我想用一个更适合传播的说法收尾:
我没有设计师,没有画师,也没写一行界面代码。
但这个 App 长这样。
别问怎么做的,问就是一句话的事。
如果你最近也有一个 App 想法,尤其是社区、兴趣、搭子、潮玩、宠物、活动、年轻人生活方式这类方向,真的可以试试这种方式。
说出你的想法,收获一个会动的 App。
这可能就是下一代产品原型的打开方式。

夜雨聆风