今天做一款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
下面我们正式开始制作插件:
- 在Cursor里用快捷键Ctrl+L 打开Chat对话框,我输入这段Prmopt:你是一个浏览器插件设计大师,帮我设计一款Chorme浏览器插件,要求是用于收藏我常用的Prompt。 Cursor响应很快,输出了它的想法也给我了几段代码。
- 紧接着我输入:我是一个代码小白,请告诉我如何布局安装插件。Cursor又输出了很详细的步骤教我。
配置icon图标可以在这个网址下载,测试过很好用也不需要注册https://www.iconfinder.com/search
- 1.0版本已经输出了,但有报错,文字乱码并且UI界面真的太丑了。于是我接着和Cursor说:我的插件有报错乱码的现象,并且我需要好看的UI界面,请帮我优化。它返回的内容帮我修改了代码
- 再返回,这回UI设计好看多了,不过我还希望它不要展示Prompt具体内容,因为这样会占用很多地方,并希望它能实现导出和导入Prompt的功能。我接着和它对话再修改就得到了右边展示的状态。看着舒服多了~
- 最后我还优化增加了Prompt的编辑修改功能,调整了Prompt标题和内容输入框的边距,以及又解决了一些其他小,最终这个Prompt收藏夹呈现如下。这版我很喜欢!我愉快地添加了第一个prmopt:笔记修订助手~
如果你想尝试AI编程也可以下载Cursor实践玩玩一下。如果你觉得这个工具实用,也可以加我微信(备注#Prompt收藏夹),我发源码给你。开箱就能用
谢谢你的时间,欢迎关注交流
其他内容
