PromptHelper：开源油猴脚本，跨平台统一管理 AI Prompt 模板

一、PromptHelper是什么

PromptHelper 是一个通用的 AI 助手油猴脚本（Userscript），专为提升用户与AI平台交互体验而设计。它通过在浏览器中注入自定义功能，为多种主流AI服务提供统一的Prompt模板管理系统。无论是ChatGPT、Google Gemini、Claude还是其他主流AI平台，PromptHelper都能无缝集成，为用户提供一致的操作体验。它的核心价值在于：

• 简化Prompt管理：集中存储和管理各类Prompt模板

• 提升交互效率：一键应用模板，无需重复输入

• 优化输出质量：通过精心设计的模板引导AI生成更符合需求的内容

• 跨平台一致性：在不同AI平台上使用相同的模板系统

PromptHelper完全运行在浏览器本地，所有数据仅存储在用户设备上，确保了数据隐私和安全性。

二、功能特色

PromptHelper提供了丰富的功能，以下是其主要特色：

2.1 核心功能

2.2 用户体验优化

• 双语界面：支持中文和英文切换，满足不同用户需求

• 主题适配：自动适应不同平台的明暗主题，保持视觉一致性

• 可定制界面：允许调整按钮位置、大小和外观

• 快捷键支持：常用操作可通过键盘快捷键完成

• 响应式设计：适配不同屏幕尺寸和分辨率

2.3 平台兼容性

PromptHelper目前支持以下主流AI平台：

• ChatGPT (chat.openai.com / chatgpt.com)

• Google Gemini (gemini.google.com)

• Claude (claude.ai)

• Kimi (kimi.com / kimi.moonshot.cn)

• DeepSeek (chat.deepseek.com)

• 通义千问 (tongyi.com)

• 腾讯元宝 (yuanbao.tencent.com)

• Google AI Studio (aistudio.google.com)

• Grok (grok.com)

• 豆包 (doubao.com)

三、技术细节

3.1 架构设计

PromptHelper采用模块化设计，主要包含以下组件：

1. 核心控制器：协调各模块工作，处理用户交互

2. 模板管理模块：负责模板的CRUD操作和存储管理

3. 内容识别模块：分析页面结构，定位并读取输入框内容

4. 规则引擎：根据预设规则自动选择合适的模板

5. UI渲染模块：创建和管理用户界面元素

6. 平台适配层：针对不同AI平台的特性进行适配

3.2 技术栈

• 编程语言：JavaScript (ES6+)

• 运行环境：浏览器 + Tampermonkey扩展

• 存储方案：利用Tampermonkey的GM_storage API进行本地存储

• UI构建：原生DOM操作 + Tailwind CSS风格的样式定义

• 跨平台兼容：适配不同框架(Render, Vue, Angular等)和Shadow DOM

3.3 实现原理

PromptHelper的工作流程如下：

1. 页面加载检测：脚本启动后，检测当前页面是否为支持的AI平台

2. 内容区域定位：通过平台特定的选择器找到输入框和发送按钮

3. UI元素注入：在页面适当位置添加PromptHelper的控制按钮

4. 用户交互处理：监听用户点击事件，执行相应操作

5. 模板应用：根据用户选择或自动匹配的模板，格式化输入内容

6. 执行发送：将处理后的内容填入输入框，可选择自动发送

3.4 安全与隐私

• 所有数据均存储在本地，不会上传到任何服务器

• 权限最小化，仅请求必要的访问权限

• 不修改任何平台的核心功能，仅增强用户体验

• 开源透明，代码可被社区审查

四、应用场景

PromptHelper适用于各种需要与AI交互的场景，以下是一些典型应用：

五、使用方法

5.1 安装准备

1. 确保你的浏览器已安装Tampermonkey扩展

• Chrome: https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo

• Firefox: https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/

• Edge: https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd

1. 安装PromptHelper脚本

• 访问GreasyFork页面: https://greasyfork.org/zh-CN/scripts/545456-prompthelper

• 点击"安装此脚本"按钮

• 在弹出的Tampermonkey安装界面中点击"安装"

5.2 基本操作

1. 打开控制面板：在支持的AI平台页面上，点击界面上的蓝色"Helper"按钮

2. 应用模板：

• 选择一个模板，点击"应用"按钮

• 模板将与当前输入框中的内容结合

1. 管理模板：

• 在控制面板中点击"管理模板"

• 可以添加、编辑、删除或组织模板

1. 设置默认模板：

• 在设置中为特定平台设置默认模板

• 启用后，每次访问该平台都会自动应用默认模板

5.3 高级功能

1. 模板规则：

• 创建基于关键词或URL的规则

• 当页面满足规则条件时自动应用指定模板

1. 数据导入导出：

• 导出模板数据进行备份

• 导入模板数据在不同设备间同步

1. 界面定制：

• 调整按钮位置、大小和样式

• 切换中英文界面

六、常见问题解答

Q: 脚本无法安装或启动怎么办？

A: 请确保已正确安装Tampermonkey扩展，并检查浏览器版本是否支持。某些浏览器隐私模式可能会阻止脚本运行。

Q: 在某个AI平台上看不到PromptHelper按钮？

A: 可能是该平台的界面结构发生了变化。请检查脚本是否为最新版本，或在GitHub上提交issue报告问题。

Q: 如何创建一个带有变量的模板？

A: 在模板中使用方括号包裹变量名，如"请写一篇关于[主题]的文章"。应用模板时，系统会提示你输入变量值。

Q: 如何在不同设备间同步我的模板？

A: 使用"导出数据"功能将模板保存为JSON文件，然后在另一设备上使用"导入数据"功能即可。

Q: PromptHelper会影响浏览器性能吗？

A: 影响极小。脚本仅在检测到支持的AI平台时才会激活，且资源占用非常低。

Q: 我的模板数据安全吗？

A: 是的。所有数据都存储在本地浏览器中，不会上传到任何服务器。

七、相关链接

• GitHub仓库: https://github.com/dongshuyan/PromptHelper

• GreasyFork页面: https://greasyfork.org/zh-CN/scripts/545456-prompthelper

八、总结

PromptHelper是一款功能强大且易用的AI Prompt管理工具，通过油猴脚本的形式为用户提供跨平台的Prompt模板解决方案。它不仅简化了与AI交互的流程，还通过模板系统帮助用户获得更优质的AI输出。无论是内容创作者、程序员、学生还是普通用户，都能从PromptHelper中获益。其开源特性确保了代码透明和社区驱动的持续改进，而本地存储设计则保障了用户数据的安全性和隐私。通过PromptHelper，用户可以更高效地管理和应用Prompt模板，将更多精力集中在创意和内容本身，而非重复的输入工作。