一个功能强大的浏览器扩展,用于管理、分类和快速使用AI提示词。
PromptVault 是一个基于 Chrome 扩展 Manifest V3 开发的提示词管理工具,帮助用户更高效地管理和使用AI提示词。
- 📁 分类管理:支持提示词分类,便于组织和查找
- 🏷️ 标签系统:为提示词添加标签,提供更灵活的分类方式
- ⭐ 收藏功能:标记常用提示词,快速访问
- 📋 一键复制:点击即可复制提示词内容到剪贴板
- 💾 本地存储:使用 Chrome Storage API 安全存储
- 🌐 多平台支持:适配 ChatGPT、Claude、Gemini 等平台
- 📤 导入导出:支持提示词数据的导入导出,便于备份和分享
- 🔍 搜索功能:快速查找需要的提示词
- 🎨 现代界面:美观、直观的用户界面
- ✨ 初始版本发布
- 📁 实现提示词分类管理
- 🏷️ 添加标签系统
- ⭐ 实现收藏功能
- 📋 添加一键复制功能
- 💾 实现本地存储
- 🌐 支持多平台
- 📤 实现导入导出功能
- 🔍 添加搜索功能
- 🎨 设计现代界面
- ✨ 重构UI界面
- 📁 增加插件图标
点击就会在右侧显示对应分类的提示词
导出功能,可以把在插件中保存的提示词进行导出,方便在切换电脑环境后,可以把保存的提示词进行导出使用
导入时选择导出的json文件即可
找到浏览器的拓展部分,点击后进入拓展页面,把解压后的浏览器插件的整个文件夹,拖入到浏览器中,如果出现打开开发者模式,点击确定就行
PromptVault 采用模块化架构设计,遵循 Chrome 扩展的最佳实践:
- Popup 页面:用户主要交互界面,显示提示词列表和管理功能
- Background Service Worker:处理后台任务,如上下文菜单
- Content Scripts:注入到目标页面,处理提示词注入
- Shared 模块:共享工具函数和存储管理
flowchart TD
A[用户界面
popup.html/popup.js] --> B[存储管理器
storage-manager.js]
B --> C[Chrome Storage API
本地存储]
A --> D[工具函数
utils.js]
A --> E[导入导出功能
popup.js]
F[后台服务
service-worker.js] --> B
G[内容脚本
content-script.js] --> H[目标平台
ChatGPT/Claude/Gemini]
promptvault/
├── _locales/ # 本地化文件
│ ├── en/ # 英文本地化
│ └── zh_CN/ # 中文本地化
├── assets/ # 静态资源
│ └── icons/ # 图标文件
├── background/ # 后台服务
│ └── service-worker.js # 后台服务脚本
├── content/ # 内容脚本
│ └── content-script.js # 页面注入脚本
├── popup/ # 弹出窗口
│ ├── popup.html # 弹出窗口HTML
│ ├── popup.css # 弹出窗口样式
│ └── popup.js # 弹出窗口逻辑
├── shared/ # 共享模块
│ ├── constants.js # 常量定义
│ ├── storage-manager.js # 存储管理器
│ └── utils.js # 工具函数
└── manifest.json # 扩展配置文件
文件:shared/storage-manager.js
- 功能:管理提示词的CRUD操作,使用Chrome Storage API进行本地存储
- 主要方法:
init():初始化存储getAllPrompts():获取所有提示词createPrompt():创建新提示词updatePrompt():更新提示词deletePrompt():删除提示词exportPrompts():导出提示词importPrompts():导入提示词
文件:shared/utils.js
- 功能:提供各种实用工具函数
- 主要方法:
parseTemplateVariables():解析模板变量renderTemplate():渲染模板formatDate():格式化日期detectPlatform():检测当前平台searchPrompts():搜索提示词sortPrompts():排序提示词downloadFile():下载文件showNotification():显示通知
文件:popup/popup.js
- 功能:用户主要交互界面
- 主要功能:
- 提示词列表显示
- 分类导航
- 搜索功能
- 提示词创建、编辑、删除
- 导入导出功能
- 提示词复制
文件:content/content-script.js
- 功能:注入到目标平台页面,处理提示词注入
- 支持平台:
- ChatGPT (
chat.openai.com) - Claude (
claude.ai) - Gemini (
gemini.google.com)
- ChatGPT (
文件:background/service-worker.js
- 功能:处理后台任务,如上下文菜单
- 主要功能:
- 创建上下文菜单
- 处理菜单点击事件
- HTML5:页面结构
- CSS3:样式设计
- JavaScript (ES6+):核心逻辑
- Chrome Extensions API:扩展功能
- Chrome Storage API:本地存储,持久化保存提示词数据
- Chrome浏览器:扩展开发和测试
- Visual Studio Code:代码编辑
- 克隆或下载本项目到本地
- 打开 Chrome 浏览器,访问 `chrome://extensions/
- 开启 "开发者模式"
- 点击 "加载已解压的扩展程序"
- 选择项目根目录
promptvault - 扩展将被安装并显示在浏览器工具栏
- 点击浏览器工具栏中的 PromptVault 图标
- 点击 "创建提示词" 按钮
- 填写提示词标题、内容、分类等信息
- 点击 "保存" 按钮
- 在弹出窗口中浏览提示词列表
- 使用左侧分类导航筛选提示词
- 使用搜索框快速查找提示词
- 点击提示词卡片上的按钮进行复制、编辑或删除操作
- 点击 "导入导出" 按钮
- 在 "导出" 标签页点击 "导出JSON" 按钮下载提示词数据
- 在 "导入" 标签页选择JSON文件,点击 "导入" 按钮导入提示词
- 选择一个提示词
- 点击 "复制" 按钮
- 提示词内容将被复制到剪贴板
- 在目标AI平台粘贴使用
- ChatGPT:
chat.openai.com - Claude:
claude.ai - Gemini:
gemini.google.com - 通用:适用于其他平台
- 全部
- 收藏
- 写作
- 编程
- 翻译
- 分析
- 创意
- 办公
- 学习
- 自定义
本项目采用 麻省理工学院许可 开源。
我们欢迎社区贡献!如果您想为 PromptVault 做出贡献,请遵循以下步骤:
- Fork 仓库:在 GitHub 上 fork 本项目
- 创建分支:为您的功能或修复创建新分支
- 实现功能:编写代码,确保遵循项目的代码风格
- 测试:确保您的更改不会破坏现有功能
- 提交 PR:创建 Pull Request,描述您的更改
- 使用 2 个空格进行缩进
- 遵循 ES6+ 语法
- 使用语义化的变量和函数命名
- 添加适当的注释
如果您遇到任何问题或有功能建议,请在 GitHub 仓库中创建 Issue。
暂无
享受管理提示词的乐趣! 🎉






