话不多说，先上效果：

1. 我是怎么做出来的呢？

前几天，我看了 Samu 的墨问文章对接 nano-banana，我 vibe 了一个穿搭助手，第一次知道 Trickle 这个平台。

和最近很火 Lovable 类似，这是一个直接帮用户从编程到部署上线全搞定的 AI Coding 工具。相当于有个全栈工程师给你干活，。

对我这种没有应用开发经历、几乎不了解前后端主流数据库的程序员（这还算程序员？算的算的，算法螺丝钉，感谢 AI）来说，不要太方便。

Samu 说：他全程一行代码没写， “口喷”完成了那个网站。

我印象深刻，决定上手试试。可是，做什么呢？

几天前，我花了一整天的时间测试 Nano Banana 官方案例，都是手动剪切图像、prompt，粘贴等待出图然后复制记录。几十个 case，每个都按这个顺序操作一遍，手都麻了……

在测试的过程中，我真的发现 Nano Banana 和我之前尝试的 AI 绘图工具不同，人物的一致性保持得太好了。

于是，我就想到了这个「虚拟试衣」这个 idea。

这当然不是我的原创，是一直就有的需求，现在有了更好的技术，所以，我觉得值得搞。

不过，我还是找了老婆调研。结果她说：没需求。

一盆凉水浇下来，我差点凉透。

问了才知道，她不相信虚拟试衣的效果。

她说：之前试过什么换发型的工具，太假了。

原来，是不相信。

我说：现在不一样了，Nano Banana 真的可以很真。

而且，如果写成应用，可以一次让你试几十上百件衣服呢？会不会有吸引力？

她没接话，但是我还是想试试。给她整一个虚拟试衣间。

于是，我注册了 Trickle，对这个聊天窗口就开始 Vibe Coding 了。

第一次，我花了一下午搞了初版，该有的组件都有了，网页也部署了，但 Google API 调用有问题。所以，没法生成虚拟试衣效果。我调了挺久，免费的 70 积分也没了，就暂时算了。

结果，第二天下午，我突发奇想把 API 调用代码和我的 API key 扔给它，它自己就调通了。

调通以后的第一个版本长这样，有 Google API 就可以玩，支持上传多张服装照片，实现一次试穿多件衣服。

这么快就上线，而且可以用，我有点激动。

当天，我就在朋友圈宣传。考虑到很多人没有 Google API ，我就在朋友圈里发了我的 API。

一些朋友尝试以后反馈说：太牛了！

我说：对，Nano Banana 真的牛！

可能是尝试的人有点多，触发了谷歌的风控，那个时间段有好几次高频调用错误（429）和内部错误（500）。我以为网站有什么 bug，时不时就拿之前成功的案例测试一下，时灵时不灵。

等到第二天（我删除了开放的 API Key），一切又正常了。

然后，我就给它加上了用户注册/登录功能，这样大家只要注册，就可以有 3 次免费试玩的机会。免费配额用完以后，有 Google API 就可以继续使用。

网上有很多如何获取 Google API 的教程，搜索按教程操作即可，最近有 90 天送 300 美金的活动。

如何试玩这个「虚拟试衣间」？

复制这个链接 https://vitrualtryon.trickle.host 在浏览器打开 ，或者点击文章左下角 “阅读原文”，注册+登录就可以用了。

这个产品还在很早期的阶段，一些朋友已经向我反馈，默认的提示词的适配性不是很强，遇到一些复杂的情况，效果可能就不太好。

目前，模型能处理好下面这种简单的情况。更复杂的，可能需要修改提示词或者调整输入图像。

怎么提示词改呢？

我也想用 Trickle 写个网站应用，应该怎么做？

可以复制这个链接  https://trickle.so/refer/urf_3vNI13k4 注册、登录，使用。

点这个链接注册的好处：你可以直接额外获得 200 积分。

免费用户每天有 70 积分。如果你点击这个链接，可以多获得 200 积分。所以，一上来就可以有 270 积分，足够你 VibeCoding 一个项目了。

我当时不知道，就自己注册了，有点亏。

Trickle 的使用上，也有一些要注意的，否则积分消耗很快。后面有时间多尝试几次我再分享。

如果这篇文章对你有用，帮忙点个赞吧。有什么想法或者疑问，也欢迎在评论区交流！

原文出自：https://mp.weixin.qq.com/s/Gl7TKv0g19jH0UEwTRritA