🚀 AI入门第一课：如何让浏览器“绿了”？ 🟢
学习AI的第一步，从创建自己的Chrome扩展开始！我们将用一种非常简单的方式，教你如何通过AI的帮助，将浏览器页面背景“变绿”🌱。按以下步骤操作，你将拥有自己的扩展应用！
Step 1: 创建学习文件夹 🗂️
首先，在你的电脑上创建一个新的文件夹，命名为 学习（或你喜欢的名字）。然后，用 Tera 打开这个文件夹。简单清晰，开始吧！🌟
Step 2: 创建文件夹结构 🏗️
在 学习 文件夹内，创建一个名为 aigc 的文件夹，然后在 aigc 文件夹下再创建一个名为 hulk 的文件夹。最终目录结构如下：
学习
└── aigc
└── hulk
Step 3: 创建并编辑文本文件 📄
在 hulk 文件夹内创建一个 instruction.txt 文件，然后按照以下格式写入你需要的命令：
命令格式：
- 给定身份，像人一样思考 🤖
- 给定具体任务，明确要求 📝
- 细化操作流程，清晰步骤 ⚙️
- 设置规则，明确哪些不该做 🚫
参考文本内容：
你是一个经验丰富的chrome扩展开发者。请帮我开发一个名为Hulk的扩展应用。
ux设计图请参考ux.png。
具体交互步骤如下：
Step 1: 点击程序图标打开弹出窗口，在窗口中显示默认提示：
“改变背景颜色”，“点击下方按钮将当前页面背景色为绿色”和一个“改变背景颜色”按钮。
Step 2: 点击按钮，网页背景改变为绿色。
注意：请使用icons文件夹的图标作为应用程序的图标。
Step 4: 准备图标和设计图 🎨
在 hulk 文件夹下创建一个名为 icons 的文件夹。然后，准备以下图片：
-
将 UX.jpg 放入 hulk 文件夹
-
将你需要的图标放入 icons 文件夹
-
最终形式
Step 5: AI协作开发 🤖🤝
进入你的AI对话框，输入以下内容：
请根据 instruction.txt 当中的需求，帮我开发对应的chrome扩展程序。
确保 instruction.txt 文件已经准备好并且正确路径。选择文件后按下回车键，AI会开始根据需求生成代码。💻
Step 6: 应用生成的代码 🔨
AI会给你生成对应的代码。将这些代码应用到你的项目中，并保存。
Step 7: 将扩展加载到Chrome 🖥️
- 打开 Chrome浏览器，在地址栏输入
chrome://extensions/ - 打开 开发者模式（右上角的开关按钮）
- 点击 Load unpacked，选择 hulk 文件夹
- 导入成功后，点击扩展按钮并选择 Hulk 扩展应用
- 点击 改变背景颜色 按钮，浏览器页面背景变成绿色！🎉
恭喜你！🎉 现在你已经成功创建了一个Chrome扩展，并且让浏览器页面变绿了！🟢 继续深入学习，探索更多AI开发的可能性吧！🚀
