内容目录
背景
不同于已有的大模型代码插件的单页面工能，cursor 以其 codebase的能力见长，恰逢博客有水印的需求就想着用 cursor 尝试下完成这个需求。
使用
首先是下载 cursor, cursor 可以免费 2 周，下载后页面打开一个文件夹作为代码文件夹
然后使用 command+L呼出 ai 对话框，这种需要的是 codebase 的能力，所以选择composer 来交互提示词
- 提示词 1
我想做一个批量给图片添加水印的网站，网站能力主要使用 js 来实现，需要能批量添加图片，水印以平铺的方式展示，可以选择2*2 或者 3*3平铺间距应当适配图片大小，可以输入水印文字，然后可以点击添加按钮，及时生成添加后的有水印图片并及时展示，可以一直下载水印后的图片cursor输出三个文件并提示是否 accept, 同意后可以在本地使用浏览器打开查看效果
效果如下：
功能基本可以满足，但是样式确实有点丑，
我们继续输入提示词调整样式
- 提示词 2
页面有点丑，请帮我按照 bootstrap 的风格美化并且支持响应式这次 accept 后样式美观多了，并且支持响应式布局，
查看 cursor 还贴心的引用了 bootstrap 的 cdn 文件，降低了本地存储。
后续还交互了一些提示词以提升页面体验和修正 bug
- 提示词 3
请给我再添加一个批量下载的按钮- 提示词 4
点击添加水印没有反应了，是不是有什么版本请帮我修复- 提示词 5
我希望可以点击图片放大预览效果- 提示词 6
有一些扁平的图片可能会出现上半部分水印图片不全的情况，请帮我修复下