谷歌插件制作
谷歌插件通常是指为谷歌浏览器（Google Chrome）开发的扩展程序，可以增强谷歌浏览器功能的小型软件。在AI工具出现之前，我们要制作一款谷歌插件，需要学习JS、HTML等相关的前端知识，还需要了解谷歌插件的开发规范。
而Cursor等AI编程工具的出现，就使得我们通过和AI对话就可以完成插件的制作和开发。下面我们展示几个基础的插件制作和使用过程。
所有的代码都可以在这里找到，我们更推荐你亲自尝试编写提示词，而不是简单的复制粘贴代码。
1、侧边栏AI助手
简单来说，就是在我们浏览器的右侧展示一个AI大模型的页面，方便我们一边阅读网页，一边调用大模型进行对话。
提示词：
帮我实现一个 Chrome 插件，要求的功能如下：
1、点击插件时，打开右侧边栏，展示网站：https://chat.deepseek.com/
# 注意
- 无需使用图标
- 使用V3版本的manifest.json
- 请注意中文的格式编码问题
1、打开Cursor，新建一个文件夹，这里我们给文件夹起名为test。
2、然后使用 Ctrl+I 打开 Composer，然后在对话框中输入上面的提示词，按回车即可。Composer会自己去创建一些代码文件，最后会出现一个「Accept all」选项，需要点击接受所有的代码。注意， 每次 Cursor 输出的内容并不会完全一致，只要最终能实现我们的需求就可以。
3、在谷歌浏览器输入：chrome://extensions/，打开「开发者模式」，如下图所示，右上角按钮显示出蓝色。
4、点击「加载已解压的扩展程序」，在弹出的对话框中选择我们之前的文件夹。
5、默认会展示下面这个样子，表示已成功安装插件。当我们更新代码后，需要点击左侧刷新按钮之后再测试。
6、在主界面找到对应的插件，点击进行测试。
实际效果
出现下面效果，则表示制作成功。
常见问题答疑
遇到问题是很常见的事情，下面列举几个在开发中可能遇到的问题，并提供一些解决思路。
1、点击插件没有反应
有的时候，很不幸，我们在开发的时候会遇到各种各样的问题，比如下面这种样子，点击插件没有反应了。
我们需要使用 Ctrl+I 打开 Composer，勾选好所有的文件，去输入下面的提示词，描述清楚我们的问题。如果，你知道是哪个文件出了问题，就只勾选那个文件。
提示词：
我现在使用这个谷歌插件时，点击插件，没有反应。请帮我分析并修改代码，确保可以正确执行。
修改之后，点击「Accept all」，然后去刷新 Chrome 插件。
正常修改完代码之后，点击该插件可以正常执行。如果出现问题，需要把出现的错误发送给 Cursor，让它进行后续的修改即可。
2、有没有必要完全参考本文的提示词？
没有必要，我们编写提示词的目的是为了解决问题，你可以根据实际修改和优化提示词。
当然 Cursor 官方提供的一些高质量提示词：cursor.directory/ ，我们可以去借鉴和学习。
