extensionOS

扩展|操作系统

？截图

选择、右键单击并选择功能 - 就这么简单！

选择您最喜欢的提供商并选择最让您兴奋的型号。

自定义您的外观和感觉，并通过您自己的提示释放您的创造力！

代理混合物（预发布）s

帮助我发展这个扩展

注册 VAPI 时使用我的联属代码：https://vapi.ai/?aff=extension-os

入门

1. 克隆扩展或下载最新版本。
2. 打开 Chrome 浏览器并导航至 chrome://extensions。
3. 单击页面右上角的切换开关启用开发人员模式。
4. 解压chrome-mv3-prod.zip
5. 单击“加载解压”按钮并选择刚刚解压的文件夹。
6. 选项页面会自动打开，插入您的 API 密钥。

特征

• Prompt Factory ：通过我们的标准安装，轻松根据您的需求定制每个提示。
• 提示工厂：为每个提示选择功能：从复制粘贴到打开新侧边栏。
• 无缝集成：直接从您喜爱的网站轻松访问任何 LLM 模型。
• 安全存储：您的 API 密钥安全地存储在浏览器的本地存储中，确保它永远不会离开您的设备。
• [Beta] 代理混合：体验创新的代理混合功能。

为什么

2024 年 7 月 27 日上午，我加入了 SF Hackathon x Build Club，开始了一段激动人心的旅程。经过几个月在脑海中完善这个概念后，我决定是时候将其付诸实践了。我致力于增强我的想法，更新我已经创建的内容，并让每个人都能通过自定义提示释放他们的创造力。

数据-意识

您的所有数据都存储在本地硬盘上。

操作系统

/Users/<your-username>/Library/Application Support/Google/Chrome/Default/Sync Extension Settings/

本地主机

要利用 localhost 选项并执行 LLM 推理，您必须设置本地 Ollama 服务器。您可以在此处下载并安装 Ollama 以及 CLI。

拉取镜像

例子：

 ollama pull llama3.1

启动服务器

例子：

 OLLAMA_ORIGINS=chrome-extension://* ollama serve

重要提示：您需要将环境变量OLLAMA_ORIGINS配置为chrome-extension://*以允许来自 Chrome 扩展程序的请求。如果OLLAMA_ORIGINS未正确配置，您将在 Chrome 扩展中遇到错误。

安全性chrome-extension://*中的*应替换为扩展 ID。如果您已下载扩展 |操作系统来自 chrome，请使用chrome-extension://bahjnakiionbepnlbogdkojcehaeefnp

macOS

运行launchctl setenv以设置OLLAMA_ORIGINS 。

 launchctl setenv OLLAMA_ORIGINS "chrome-extension://bahjnakiionbepnlbogdkojcehaeefnp"

在 Mac (Ollama) 上设置环境变量

码头工人

Ollama 服务器也可以在 Docker 容器中运行。容器应将OLLAMA_ORIGINS环境变量设置为chrome-extension://* 。

使用-e标志运行docker run以设置OLLAMA_ORIGINS环境变量：

 docker run -e OLLAMA_ORIGINS="chrome-extension://bahjnakiionbepnlbogdkojcehaeefnp" -d -v ollama:/root/.ollama -p 11434:11434 --name ollama ollama/ollama

待办事项清单

尽快将其移到其他地方：

• https://github.com/rowyio/roadmap?tab=readme-ov-file#step-1-setup-backend-template
• https://canny.io
• https://sleekplan.com/

紧急且重要

• 日志记录：确定存储日志文件的位置。

紧急，不重要

• 提示工厂：添加创建自定义提示的功能。
• 添加在浏览器中聊天的功能。
• 密钥加密：它们存储在本地，尽管如此，这是我的第一个 chrome 扩展，我需要更多地研究如何访问它。
• 自动化测试
• 调查 Playwright 是否支持 Chrome 扩展程序测试。
• 自动标记/发布
• 语言环境

重要但不紧急

• Prompt Factory 的 UI 并不直观，“保存全部”按钮 UX 是 cr@p。
• 调用存储API后，侧边栏API不起作用（必须进行用户交互）
• 将文件移至/src文件夹以改进组织。
• 战略性地组织代码库结构。
• 决定包管理器：npm、pnpm 或yarn。

不紧急，不重要

• 自动更新模型的工作流程。
• Prompt Factory ：添加构建工作流程的功能。
• Prompt Factory ：添加选项以选择每个提示使用哪个 LLM。
• 删除所有愚蠢的评论，也许有一天......

来自黑客马拉松的 YouTube 视频

镜头

• 奥琳娜 来自 Pixabay

• 来自Pixabay的NickyPe

音乐

• https://suno.com/song/f14541af-c853-4c22-b0b7-9000194fc9c6

声音

• 十一实验室

特别感谢

• 构建俱乐部 -> Hackaton 组织者
• Leonardo.ai -> 使用 phoenix 模型生成的图标
• Canva -> 其他非 AI 生成的图像
• ShadCn -> 所有用户界面？
• Plasmo -> 框架
• Groq -> 额外学分
• 图标 -> icon8
• https://shadcnui-expansions.typeart.cc/

变更日志

0.0.24

• 添加指定自定义 URL 的功能

0.0.23

• 添加卸载挂钩以了解我们可以改进什么。

0.0.22

• 修复了 LinkedIn、Reddit 等页面中的 X、Y 定位。
• declarativeNetRequest 已被删除，以根据 Chrome 应用商店授权要求增强发布生命周期。 Ollama 继续得到完全支持，详细的配置说明可以在 README 中找到。

0.0.21

• 更改了演示如何使用扩展的介绍性 GIF |操作系统。
• PromptFactory：实现了一个通知，通知用户任何选定的文本将自动附加到提示的末尾。
• 设置：使用开关与复选框
• 实施可选（默认情况下禁用）匿名跟踪来监控使用模式，包括最常用的模型和供应商。

0.0.20

• SelectionMenu：现在也可以在 Reddit 上访问！ （考虑为所有 Tailwind 类添加前缀以保持一致性）
• PromptSelector：解决了所有 React 警告，以获得更流畅的体验
• 验证预选功能正确（感谢端到端测试）

0.0.19

• 为 ollama 添加了更多说明
• localhost：添加通过输入文本指定模型的功能（相对于选择框）
• 修复了 useEffect 的错误

0.0.18

• SelectionMenu：现在您可以选择启用/禁用
• SelectionMenu：按下某个键时（例如，退格键用于删除，或 CTRL/CMD + C 用于复制），菜单会自动消失

0.0.17

• 开发：集成 Playwright 用于测试并添加了一套自动化测试

0.0.16

• SelectionMenu：修复了导致菜单在 onMouseUp 事件后意外消失的错误，导致用户对项目选择感到困惑。
• SelectionMenu：调整视觉间隙，为用户提供更多空间。
• UI：消除了冲突的成功/加载状态，以获得更清晰的用户体验。

0.0.15

• SelectionMenu：改进了触发机制以提高响应能力。
• SelectionMenu：缩小尺寸，实现更紧凑的设计。
• SelectionMenu：在用户更新提示后立即自动刷新项目。

0.0.14

• 修复了语法问题，感谢卢卡。
• 由丹尼斯提供，推出了新菜单。
• 新菜单目前不支持电话通话（该功能即将推出）。

0.0.13

• 感谢 Juanjo (We Move Experience) 和 Agostina (PepperStudio) 的增强 UI（工具提示现在更加明显）
• Prompt Factory：利用 AutoTextArea 改进提示显示
• Prompt Factory：删除了 ID 以提高用户体验（非技术用户）
• 系统：将系统提示符与用户提示符分开。
• 用户体验：小改进并删除了复杂的项目

0.0.12（未向公众发布）

• 一般：免费套餐耗尽。我们还没有赞助商来支持我们的社区用户。
• Google：添加了身份、identity.email，以启用使用您的 google 凭据自动登录。

0.0.11（未向公众发布）

• 一般：推出免费套餐供用户探索扩展 |操作系统无需了解 API 密钥。
• 开发：实施了 CRX 公钥，以在开发过程中重新安装时保持一致的扩展 ID。
• 开发：集成 OAUTH，用于访问免费层时的用户身份验证。
• 权限：新增身份权限，方便用户身份检索。
• 展示：更新图像以改进视觉呈现。
• 提示工厂：设置扩展|操作系统作为默认模型，使用户无需事先了解 API 密钥设置即可使用该扩展。

0.0.10

• 上下文菜单：添加了一个新的右键单击选项，用于无缝访问配置设置。
• 上下文菜单：改进了上下文菜单的布局和组织，以增强用户体验。
• Prompt Factory：引入了一份综合表，详细介绍了每个功能的上下文和功能。
• 提示工厂：实现了一个可单击的图标，以指示单击时工具提示包含附加信息。

0.0.9

• 错误修复
• 清理代码库
• 改进功能的用户体验

0.0.8

• 删除了不必要的依赖项以遵守 Chrome 应用商店发布指南。
• 引入了一个新图标。
• 实现了加载状态。
• 修复了 Reddit 可见性损坏的问题。

0.0.7

• 添加 Together.ai 中缺失的模型
• 从 groq 添加缺失的模型
• 更新了关于页面
• MoA ：添加使用自定义提示的功能。

0.0.6

• 弹出窗口：UI 已改进
• 弹出窗口：新的演示图像和口号
• 选项：统一字体
• 选项：较小的 UI 更新
• 内容：更好的错误处理和用户体验（当 API 密钥丢失时，用户会重定向到选项页面）
• 修复 Together.ai（它使用非聊天模型）

0.0.5

• Vapi 附属链接（帮助我维护此扩展，使用该链接注册）
• Vapi 增强功能：提示现在支持选择要拨打的特定电话号码。
• Vapi 增强功能：提示现在可以包含对话的自定义初始消息。
• Vapi 增强功能：现在每个提示都可以使用
• UI：特定配置部分

0.0.4

• 修补程序：declarativeNetRequest 拦截每个本地主机请求。

0.0.3

• 添加了 github 分支保护。
• 改变了数据结构，实现了更清晰、更抽象的函数调用方式
• 清理数据结构以适应 chrome.contextMenus.CreateProperties 的函数
• 使用“side_”作为 hack 打开侧边栏。为什么：在我们调用 storage.get 后，sidebar.open 不起作用
• 允许更改默认提示
• chrome.runtime.openOptionsPage() 仅在生产环境中打开（onInstalled）
• 改进的用户界面（切换到深色主题）
• 允许更改功能； “side_”错误很烦人，因为它使代码库过于复杂。

0.0.2

• 如何安装并开始完善存储库

0.0.1

• 查看演示视频

陷阱

• 确保 open.sidePanel 始终在 Plasmo Storage 之前初始化。
• 我们目前有两个功能相似但不相同的菜单；我们需要实施一种更有效的解决方案将它们整合为一个。
• 如果未返回响应，Plasmo 处理程序可能会意外停止运行而不会出现错误；确保始终返回响应以防止出现此问题。