七夕节, 我花了2个小时vibe code了一个「帮你写情诗」的小工具,欢迎试用!
👉👉👉 https://b70hpeyi134r.trickle.host
把“不会写情话”的焦虑,用产品抹平
为什么要做这个小工具? 中国人每逢七夕。七夕到来,给不太习惯主动表达爱意,活着觉得“写不出那种会让 TA 心动的句子”。帮你到这儿啦。希望这个产品让你的表达更勇敢一点。
类似写情诗这种“合成成品”的任务,单纯依赖聊天框往往不够:用户要来回补充背景、搬运结果、再到排版里调整。为此我做了不同情诗风格和信纸模板,并支持导出情诗图,方便直接转发。
不同情诗风格
不同信纸模版
vibe coding的一些不成熟小心法
希望对在 vibe coding 路上的朋友有点参考。首先要有一个趁手的工具——Trickle(https://trickle.so/) 是我最近少见的让我兴奋的 AI 工具。
我最喜欢 Trickle 的 Magic Canvas。做网页时常会遇到“精准定位修改”的痛点:传统聊天式修改很难指向页面上的具体元素。Magic Canvas 允许你直接用鼠标选中要改的元素,给用户一个“锚点”,指哪打哪,定位与调整都更准。
目前的限制:对静态文本或元素支持更好;动态生成内容仍需要在对话框里修改。
它有点像 Midjourney 的 Region Edit(区域修改),思路上异曲同工。
和 AI 高效沟通很重要,这种“精准修改”的产品设计,能显著提升效率。
我也会借助无限画布把所有页面与迭代历史摊开,便于回看与对比。
和AI的沟通效率很重要,通过这种精准修改的产品设计很有效。
不过目前另外借助无限画布展示所有设计的网页和迭代历史。
Trickle 带来的基础能力
PC、移动端自适应界面
生成精美背景图
一个小小的最佳实践
先用 Trickle(Lovable) 快速搭前端,用 mock 数据验证流程与观感;
后端再用 Cursor 搭接口,调用 DeepSeek 的大语言模型完成生成。
如果它能让你在关键时刻更敢说爱,那就是这次小工具最大的意义。欢迎试用并把你的故事或需求留言给我,我会继续迭代,把它打磨成更懂你的表达器。
参考资料
Trickle文档: https://help.trickle.so/UserGuides/PromptingGuides