Prompt Workbench

一个功能强大的 AI Prompt 管理工具，支持桌面端和 Web 端，帮助你高效管理和测试 AI 提示词。

English | 简体中文

✨ 核心特性

📝 Prompt 管理

• 完整 CRUD：创建、编辑、删除、复制 Prompt
• 分类管理：自定义分类，支持拖拽排序
• 标签系统：灵活的标签分类
• 全文搜索：快速查找 Prompt
• 收藏功能：标记常用 Prompt
• 批量操作：批量删除、批量移动

💡 编辑器

• Monaco Editor：专业的代码编辑器
• 变量系统：使用 {{变量名}} 定义可替换变量
• 实时预览：变量替换后的实时预览
• 版本历史：自动保存编辑历史，支持版本回退

🧪 API 测试

• 多提供商支持：
  • Claude (Anthropic)
  • OpenAI (GPT-4, GPT-3.5)
  • Gemini (Google)
  • Azure OpenAI
  • DeepSeek
  • 智谱 AI (GLM)
  • 百度文心一言
  • 阿里通义千问
  • 自定义 API
• 流式响应：实时查看 AI 输出
• 历史记录：保存所有测试记录

📦 模板市场

• 预置模板：10+ 专业 Prompt 模板
• 分类浏览：写作、编程、分析、翻译、创意
• 一键导入：快速使用模板

🌍 多语言支持

• 简体中文
• English

🖥️ 桌面版特性

• 系统托盘：关闭窗口最小化到托盘
• 全局快捷键：Alt+Space 快速显示/隐藏
• 原生体验：基于 Electron 的桌面应用

🎨 其他功能

• 深色模式：支持浅色/深色/跟随系统
• 数据持久化：基于 IndexedDB，数据本地存储
• 导入/导出：JSON 格式备份和恢复
• 统计面板：查看使用统计

🚀 快速开始

在线使用

访问 Prompt Workbench（部署后填写）

本地开发

前置要求

• Node.js >= 20
• npm >= 10

安装依赖

npm install

开发模式

Web 版：

npm run dev

访问 http://localhost:5173

Electron 桌面版：

npm run electron:dev

生产构建

Web 版：

npm run build

Electron 桌面版：

npm run electron:build

构建后的安装包位于 release/ 目录。

📖 使用指南

1. 创建 Prompt

1. 点击左侧 "新建" 按钮
2. 输入标题和内容
3. 使用 {{变量名}} 定义可替换的变量
4. 选择分类和添加标签
5. Ctrl+S 保存

2. 使用变量

在 Prompt 中使用 {{变量名}} 语法：

请帮我写一篇关于【{{主题}}】的文章。

要求：
- 字数：{{字数}}字左右
- 风格：{{风格}}

右侧会自动生成变量输入表单。

3. API 测试

1. 点击 "设置" 配置 API Key
2. 在 Prompt 编辑器右侧的 "测试" 面板
3. 填写变量值
4. 选择模型并发送
5. 查看实时响应

4. 导入模板

1. 点击顶部 "模板市场"
2. 浏览分类或搜索
3. 点击 "导入" 按钮

5. 数据备份

• 导出：点击顶部 "导出"，保存 JSON 文件
• 导入：点击顶部 "导入"，选择 JSON 文件恢复

🛠️ 技术栈

• 前端框架：Vue 3 + TypeScript
• 状态管理：Pinia
• UI 组件：Element Plus
• 编辑器：Monaco Editor
• 数据库：IndexedDB (Dexie.js)
• 桌面端：Electron 28
• 国际化：vue-i18n
• 构建工具：Vite

📦 项目结构

prompt-workbench/
├── electron/           # Electron 主进程
│   └── main.cjs       # 主进程入口
├── src/
│   ├── components/    # Vue 组件
│   ├── stores/        # Pinia 状态管理
│   ├── utils/         # 工具函数
│   ├── locales/       # 多语言文件
│   ├── data/          # 模板数据
│   ├── db.ts          # IndexedDB 配置
│   └── main.ts        # 应用入口
├── public/            # 静态资源
└── package.json

🤝 贡献

欢迎提交 Issue 和 Pull Request！

1. Fork 本仓库
2. 创建特性分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 提交 Pull Request

📄 开源协议

MIT License

🙏 致谢

• Vue.js
• Element Plus
• Monaco Editor
• Electron

📧 联系方式

如有问题或建议，欢迎通过 Issues 联系我们。

---

⭐ 如果这个项目对你有帮助，请给个 Star！