AutoPageFlow 智能网页助手

🤖 一款基于 AI 的 Chrome 扩展，通过自然语言对话帮您自动完成各种网页操作

💡 欢迎贡献！ 这是一个开源项目，欢迎提交 Issue、Pull Request 或分享使用经验！

🌟 项目介绍

分支说明

• main：基于 AI 模型实现，使用自然语言对话控制浏览器操作
• master-coze：基于 Coze 智能体的实现，通过引入知识库让 agent 更容易理解业务场景，提供更专业的自动化解决方案

分支对比

特性	main 分支	master-coze 分支
使用场景	简单场景，基础网页操作	业务场景，专业自动化需求
配置复杂度	简单，只需配置大模型 API key	较复杂，需要在 Coze 平台创建智能体
维护内容	无需额外维护	需要维护知识库内容
适用用户	个人用户，快速上手	企业用户，需要业务定制
扩展性	通用性强	可通过知识库扩展业务能力

项目地址

• 🚀 GitHub: https://github.com/HandsomeNPC/AutoPageFlow
• 🇨🇳 Gitee: https://gitee.com/handsome-npc/auto-page-flow

✨ 主要功能

• 🗣️ 自然语言控制：用对话的方式告诉浏览器该做什么
• 🧠 智能理解：AI 理解您的意图并自动分析页面
• ⚡ 自动执行：自动点击、填写表单、导航等操作
• 📸 实时反馈：显示 AI 的思考过程和操作状态
• ⌨️ 快捷语句：保存常用指令，一键执行

🚀 安装使用

1. 安装扩展

1. 下载项目代码：

git clone https://github.com/your-repo/AutoPageFlow.git
cd AutoPageFlow

2. 安装依赖：

npm install

3. 构建项目：

npm run build

4. 在 Chrome 中加载扩展：
   • 打开 Chrome 扩展管理页面（地址栏输入：chrome://extensions/）
   • 打开右上角的「开发者模式」开关
   • 点击「加载已解压的扩展程序」
   • 选择项目中的 dist 文件夹

2. 配置 API

1. 首次使用时，点击工具栏中的 AutoPageFlow 图标

2. 在弹出的配置窗口中填写：

   • API Base URL：OpenAI API 地址（默认：https://api.openai.com/v1）
   • API Key：您的 OpenAI API 密钥
   • 模型名称：支持 gpt-4、gpt-3.5-turbo 等

3. 点击「保存配置」完成设置

3. 开始使用

配置完成后，侧边栏会自动显示。您可以：

1. 直接对话：在输入框中输入您的需求，例如："打开百度"

2. 使用快捷语句：点击底部的「配置快捷语句」添加常用指令，之后可以一键使用

快捷语句设置

对于经常使用的指令，可以设置为快捷语句：

1. 点击「配置快捷语句」
2. 输入名称和指令内容
3. 保存后，在聊天界面底部会显示快捷语句按钮
4. 点击按钮即可快速使用

🤝 欢迎贡献

AutoPageFlow 是一个开源项目，欢迎所有形式的贡献！

如何贡献

1. 报告问题：发现 Bug 或有功能建议，请在 GitHub 提交 Issue

2. 提交代码：

   • Fork 本项目
   • 创建功能分支：git checkout -b feature/amazing-feature
   • 提交更改：git commit -m 'Add amazing feature'
   • 推送分支：git push origin feature/amazing-feature
   • 提交 Pull Request

3. 改进文档：帮助完善使用说明、添加示例等

4. 分享经验：分享您的使用技巧和场景

开发方向

我们欢迎以下方向的贡献：

• 🔌 更多操作：支持拖拽、快捷键等高级操作
• 🎨 界面美化：优化用户体验
• 📝 更丰富的使用示例：欢迎开发者贡献示例提示词，放在 communityPrompt 文件夹中

☕ 支持作者

如果这个项目对您有帮助，欢迎请作者吃个麦当劳 1+1 套餐！您的支持是我们继续开发的动力～

微信支付

支付宝

📄 开源协议

本项目采用 MIT 协议，详见 LICENSE 文件。

---

🌟 如果觉得有用，请给个 Star 支持一下！

有问题或建议？欢迎在 GitHub 提交 Issue 或联系作者。