最近准备在我的知识星球社群「AIGC·掘金成长研习社」开设一个新的专栏,专门讲一讲如何使用 Cursor AI 编程工具无代码的方式下,开发一些工具类的软件案例。
让大家切实的感受到 AI 编程现在已经发展到什么地步了?不是程序员的普通人也可能通过自己的想法来开发一些不错的实用的小工具。
今天给大家分享一下,昨天晚上,我花了 30 分钟,无代码的方式开发了一个浏览器插件:小红书海报生成器,整个过程,我一行代码没写,全是自然语言描述之后,Cursor 帮我写的。
当然了, 对于咱们程序员来讲,这个一个小工具,自己一天写代码也能实现,但是,如果你不是程序员的话,其实半个小时就可以使用 Cursor 搞定。这么一对比,其实效率还是很高的,对吧?专业的需要一天,非专业的只需要半小时。
废话不多说了,直接先看实现效果:
作为一个自媒体创作者,一直都有将文字生成海报的需求,也就是输入一段文字,能够制作出漂亮的文字图片海报。
这个小红书海报生成器,不仅仅适合在小红书发布,其实,只要是文字分享生成图片的形式都可以。
所以,从实现效果就可以看出,我的需求是:
1、输入一段文字或者长文章,这个工具可以将文字自动拆分成若干份文字,将每份文字生成图片海报。
2、海报风格属于小红书风格,清新简约,支持多种主题风格,用户可以选择自己喜欢的风格生成海报。
3、做一个浏览器插件就可以,生成之后,支持一件下载。
基于这个需求,我就写了一段提示词:
我将这个需求提示词,复制到 Cursor 当中,它就自动帮我把插件代码写好了。
当然了,把编程的 Prompt 扔给 Cursor 之后,写完代码之后,实现的效果肯定没有最终的效果好看,比如:一开始的排版效果是纯色的,主题模式也就三种,排版格式也比较粗糙,但是,我们可以在 Composer 当中跟它进行对此的交流对话,一步一步的让 Cursor 帮你完善插件代码,实现最终好看的效果。
比如,它把大致需求完成之后,我就进一步跟它交流,让它完成的更细腻,更好看,增加更多的主题。
如下:
然后,它就帮我增加了更多的主题配色,以及提供了一键下载按钮。
实现的最终效果就是:
是不是感觉还不错呢?
最终的实现效果演示,一个 gif 图演示:
是不是效果很好看,很完美呢?
生成的图片支持一键下载,下载后的图片效果如下: