AI编程Cursor自制的Prompt收藏夹 超好用!

今天做一款Prompt收藏夹的浏览器插件,也可以添加我发你源码浏览器加载后就能用。

但凡深入和AI沟通过的朋友都应该知道,AI输出的反馈好坏和会不会跟AI沟通有着直接的关系。这里就有个学名叫提示词,英文叫Prompt。而对于AI重度用户的我来说,会有收藏好的提示词的习惯,我把它命名为高手百宝箱。最近因为迷上了AI编程,我发现我的百宝箱不好用了,因为使用场景的路径太长,需要打开文件夹找到文件再复制进对话的大模型,所以我想自己动手做款更称手的收藏夹。

如果你看过我上篇文章:AI编程的快乐:5分钟自制一款Chorme浏览器插件!就会发现AI的编程能力现在太强了,如果用上AI编程神器Cursor的话,做款插件最短5分钟就能完成。当然Cursor也有它的局限有一定限额,比如我再打开 Ctrl+I 到Composer已经被提示需要一个Cursor Pro版来运行了(需要充值20$)。今天先换个方法用国产之光DeepSeek模型的API来调用Cursor的Chat对话实现。解决方法推荐下面这个教程:

国产大模型之光!5分钟搞定DeepSeek 500万Token,轻松接入Cursor

picture.image

下面我们正式开始制作插件:

  1. 在Cursor里用快捷键Ctrl+L 打开Chat对话框,我输入这段Prmopt:你是一个浏览器插件设计大师,帮我设计一款Chorme浏览器插件,要求是用于收藏我常用的Prompt。 Cursor响应很快,输出了它的想法也给我了几段代码。

picture.image

  1. 紧接着我输入:我是一个代码小白,请告诉我如何布局安装插件。Cursor又输出了很详细的步骤教我。

picture.image

配置icon图标可以在这个网址下载,测试过很好用也不需要注册https://www.iconfinder.com/search

picture.image

  1. 1.0版本已经输出了,但有报错,文字乱码并且UI界面真的太丑了。于是我接着和Cursor说:我的插件有报错乱码的现象,并且我需要好看的UI界面,请帮我优化。它返回的内容帮我修改了代码

picture.image

picture.image

  1. 再返回,这回UI设计好看多了,不过我还希望它不要展示Prompt具体内容,因为这样会占用很多地方,并希望它能实现导出和导入Prompt的功能。我接着和它对话再修改就得到了右边展示的状态。看着舒服多了~

picture.image

picture.image

  1. 最后我还优化增加了Prompt的编辑修改功能,调整了Prompt标题和内容输入框的边距,以及又解决了一些其他小,最终这个Prompt收藏夹呈现如下。这版我很喜欢!我愉快地添加了第一个prmopt:笔记修订助手~

picture.image

如果你想尝试AI编程也可以下载Cursor实践玩玩一下。如果你觉得这个工具实用,也可以加我微信(备注#Prompt收藏夹),我发源码给你。开箱就能用

picture.image

谢谢你的时间,欢迎关注交流

其他内容

#AI认栽,这次我赢了!

#死磕代码两天,被一个公式10秒 “降维打击”

#解锁Google高级搜索的6个技巧:帮你更轻松高效

0
0
0
0
评论
未登录
暂无评论