discover · compare · collections · requirements · contribute · feed · watching · stats · help with your tokens
Moonvy/OpenPromptStudio · source
Snapshot 0 · 2026-11-04T12:47:27Z · Vue ·
Content fingerprint
4e0f901aaddab7b12dea2d79feaff9ac7dec1ebc722054211e305c5cf37ba80fGitHub description at capture
🥣 AIGC 提示词可视化编辑器 | OPS | Open Prompt Studio
README at capture
# 🥣 OPS/OpenPromptStudio
## 提示词工作室 | 可视化编辑提示词
<p align="center">
<img width="1430" alt="OPS-cover" src="https://user-images.githubusercontent.com/82231420/230757122-5cf5659e-9e1a-4288-80fd-84ec229a063e.png">
</p>
[**🥣 立即试试** moonvy.com/apps/ops/](https://moonvy.com/apps/ops/)
这是一个旨在把 AIGC 提示词（现在支持 Midjourney）可视化并提供编辑功能的工具，有以下特性
- 显示英文提示词的中文翻译
- 翻译输入的中文提示词到英文（因为 Midjourney 仅支持英文提示词）
- 为提示词进行分类（普通、样式、质量、命令）
- 轻松的排序、隐藏提示词
- 把提示词可视化结果导出为图片
- 常用提示词词典
- 通过 Notion 管理提示词词典
## 使用教程
<a href="https://www.bilibili.com/video/BV15N411P7D3/?spm_id_from=333.337.search-card.all.click&vd_source=1f6edbc8e03c44932da52d02c0c11c1c" target="_blank">
<img width="300" alt="OPS-cover" src="https://user-images.githubusercontent.com/82231420/230757939-dde301f1-bf68-4455-83c6-f7dd2214c68b.png">
</a>
[📺 B 站视频教程](https://www.bilibili.com/video/BV15N411P7D3/?spm_id_from=333.337.search-card.all.click&vd_source=1f6edbc8e03c44932da52d02c0c11c1c)
## 如何连接的我的 Notion 来管理自己的词典
OPS 支持使用 [Notion](https://www.notion.so/) 来管理自己的词典，使用 Notion 管理相对简单，可自定义程度也很高。
### 1. 复制「演示-AIGC 提示词库」
复制我们的演示文档的自己的 Notion 工作区中
[**📕 演示-AIGC 提示词库**](https://moonvy.notion.site/b768c5c1852f4e2fbaee1b4a99f26d49?v=346e91e8114648c59079eeea2d9d56c7)
<p align="center">
<img width="720" src="./doc/assets/notion-demo.jpg">
</p>
保持表头定义： `text`, `subType`、`dir`、`lang_zh` 不要变（或者你可以新建一个 Notion 数据库，只要有这些表头 OPS 就能连接的这个数据库）
#### Notion 表头定义
| 表头 | 作用 |
| ------- | ------------------------------------------------------- |
| text | 提示词原文（不区分大小写） |
| lang_zh | 对应的中文翻译 |
| subType | 提示词在 OPS 中的分类（`普通`、`风格`、`质量`、`命令`） |
| dir | 词典中的分类，子分类用`/`分隔如：`风格/绘画风格` |
| alias | 别名，可以有多个，用`,` 分隔 |
### 2. 创建自己的 Notion 集成插件（integrations）
要让 OPS 连接到自己的 Notion 数据库，需要创建一个自己的集成（integrations）。OPS 会通过此集成的权限连接到你的数据库。
#### 2.1 打开集成开发页面
打开 Notion 的集成开发页面 [🔗 www.notion.so/my-integrations](https://www.notion.so/my-integrations)
点击 「+ new integrations」按钮创建一个新集成插件
<p align="center">
<img width="720" src="./doc/assets/Myintegrations-1@2x.jpeg">
</p>
#### 2.2 创建集成插件
在集成插件页面中选择允许访问的 Notion 工作区（Workspace），你的 Notion 数据库需要创建在此工作区下，OPS 才能通过集成插件访问。
<p align="center">
<img width="720" src="./doc/assets/Myintegrations-2@2x.jpeg">
</p>
#### 2.3 获取集成插件 Token 密钥
集成插件创建完毕后，复制 Token 秘钥保存下来，你将使用此 Token 作为访问凭证，请妥善保管不要在公开场合泄露。
<p align="center">
<img width="720" src="./doc/assets/Myintegrations-3@2x.jpeg">
</p>
#### 2.4 在数据库页面链接到你的集成
集成插件创建后，还需要在你的 Notion 数据库的菜单中连接到你的集成插件：
<p align="center">
<img width="720" src="https://user-images.githubusercontent.com/82231420/230757501-7630d405-adcc-4611-aa8a-07875ce5a932.jpg">
</p>
### 3. 在 OPS 中配置 Notion
在 OPS 右上角打开提示词词典，鼠标放在「连接我的 Notion」按钮上，展开设置面板
- 「Integrations Token」 里面填入前面我们生成的集成 Token 秘钥（秘钥只会保存在浏览器本地（localStorage），不会被上传到任何地方）
- 「Database ID」里粘贴你 Notion 数据库的访问地址
- 然后点击「载入」按钮
<p align="center">
<img width="720" src="https://user-images.githubusercontent.com/82231420/230758301-57f5304e-b83b-4ee6-a91c-0c030e84213a.png">
</p>
#### 获取 Notion 数据库的访问地址（`DatabaseID`）
在 Notion 数据库菜单中点击 「Copy link to view」 就可以了，粘贴 Notion 数据库地址到 OPS 的配置输入框后会自动提取 `DatabaseID`
<p align="center">
<img width="720" src="https://user-images.githubusercontent.com/82231420/230758271-c2ee8ba3-e694-45db-a209-55c4d1744171.png">
</p>
## 更好的体验
你可以在 [zeroG 浏览器](https://moonvy.com/zeroG/) 里让 OPS
与 Discord 在一个无限画布中使用，获得更好的体验
## 开发者
本地运行需要 NodeJS 环境
使用 `npm run start` 运行
运行打开后访问 `localhost:12833/apps/ops/`
### Docker
如果你不想安装 NodeJS 环境，可以使用 Docker 运行，参考 [./docker](https://github.com/Moonvy/OpenPromptStudio/tree/master/docker/)
### 如何修改默认提示词词典
1. 在 [./data/src](https://github.com/Moonvy/OpenPromptStudio/tree/master/data/src) 中编辑 `.csv` 文件，你可以用 Excel、Numbers 或者纯文本编辑器编辑。
2. 在 [Notion](https://www.notion.so/) 中编辑（[./data/src/notion/fromNotion.js](https://github.com/Moonvy/OpenPromptStudio/tree/master/data/src/notion/fromNotion.js) ）
### 翻译服务
在 `./server` 文件夹中有一个翻译服务的简单实现，调用腾讯翻译
你需要申请一个[腾讯机器翻译的账号](https://bobtranslate.com/service/translate/tencent.html)（每月免费额度 500 万字）
然后在项目根目录创建一个 `.env` 文件写入你的的 `SECRET_ID` 与 `SECRET_KEY`
`.env`：
```env
# 翻译机配置 https://bobtranslate.com/service/translate/tencent.html
TENCENT_SECRET_ID="AKIDXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
TENCENT_SECRET_KEY="a5XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
# 自定义翻译服务地址 [可选] (如果你部署在服务器上，通过此配置指定 Web 端访问翻译服务的地址)
# LOCAL_TRANSLATE_HOST="192.168.50.222:3000"
```
然后运行 `npm run serve` 启动 `OPS 服务` 和 `本地翻译服务`
#### 自部署
如果要部署到自己的服务器，请在 `.env` 文件中配置翻译服务的访问地址： `LOCAL_TRANSLATE_HOST`，如 `192.168.50.222:3000`或者`https://mySite.com`，在 Web 页中会根据此地址发起请求，请根据你部署后实际访问地址来配置。