⭐️⭐️⭐️⭐️⭐️我正在参加Trae「超级体验官」创意实践征文,本文所使用的 Trae 免费下载链接:[www.trae.com.cn/?utm_source…]
现场演讲视频:呼吸卡片比赛演讲现场视频🧣
开场与主题介绍
今天,我给大家带来的是呼吸卡片。前面很多同学都做得非常深入,而我们这次针对 Trae 功能开发的项目,相对简单,主要聚焦于文字转卡片功能。
我今天的分享分为三个部分:第一部分是为什么要做这个产品,第二部分是我自己是怎么做的,第三部分是未来我们应该怎么继续发展。
一、为什么要做呼吸卡片
我有一个小伙伴,她是负责财务工作的,想在小红书上做推广,但遇到了一个难题:怎么把财务相关的文字转化为能够推广的图片。为了解决这个问题,我开发了呼吸卡片。当时我的想法是让图片制作像呼吸一样简单,虽然听起来不错,但在实际操作中,还是觉得有些地方不够完善。
二、我是怎么做的
(一)技术实现
在开发呼吸卡片时,我首先通过 lovable 和 v0完 成了圆形的改造。之后,我通过迭代和不断优化,让产品更加完善。目前,我们的产品是全能访问的,大家可以直接通过网页访问,网址我也会提供给大家。大家可以先拍照,然后扫码,直接操作,效果比我预期的要好一些。
(二)产品拓展
我们还在拓展产品功能,比如开发了一个呼吸卡片的小程序,已经上架了,大家可以去操作体验。接下来,我给大家演示一下不同版本的使用场景。
三、产品演示
(一)网页端演示
大家现在看到的是网页端的场景。我可以直接操作给大家看,这样会更直观。当时最难的地方是处理空白区域,我花了很长时间才搞定。我做了一个模板,大家可以下载后上传,调整信息。虽然看起来简单,但实际操作中,不容易实现。现在大家可以自己操作,生成卡片。下面还有不同的模板样式,大家可以操作一组,展示不同的样式。最后,图片可以下载,操作也很简单。
(二)插件版演示
接下来是插件版。我做了两款插件,一款叫文图宝,已经上架到谷歌服务插件里,大家可以搜索到。另一款就是呼吸卡片版本。这个版本在github上,优势是可以复制图片,操作也很方便。
(三)小程序演示
最后是小程序版本。操作也很简单,输入文字,选择模板,点击保存。我昨天还把小程序上传到腾讯微信小程序里测试,但遇到了一个问题:本地运行没问题,上传后就出现了下载报错的问题。不过,我相信这些问题都可以解决。
四、未来发展方向
在开发过程中,我发现自己在编程方面还有很大的提升空间。目前,我正在研究MCP、自智能体、模型、规则的上下文,希望在开发时能够更好地衔接模块,把产品做得更完善。虽然遇到了一些问题,但我相信通过不断学习和优化,一定可以把产品做得更好。