Skip to content

🥣 AIGC 提示词可视化编辑器 | OPS | Open Prompt Studio

Notifications You must be signed in to change notification settings

darkelfzdy/OpenPromptStudio

This branch is 8 commits behind Moonvy/OpenPromptStudio:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

8137f2a · May 7, 2023

History

89 Commits
Apr 12, 2023
Apr 9, 2023
Apr 13, 2023
Apr 24, 2023
Apr 24, 2023
May 7, 2023
Apr 6, 2023
Apr 12, 2023
Apr 1, 2023
Apr 1, 2023
May 7, 2023
Apr 1, 2023
Apr 24, 2023
Apr 1, 2023
Apr 1, 2023
May 7, 2023

Repository files navigation

🥣 OPS/OpenPromptStudio

提示词工作室 | 可视化编辑提示词

OPS-cover

🥣 立即试试 moonvy.com/apps/ops/

这是一个旨在把 AIGC 提示词(现在支持 Midjourney)可视化并提供编辑功能的工具,有以下特性

  • 显示英文提示词的中文翻译
  • 翻译输入的中文提示词到英文(因为 Midjourney 仅支持英文提示词)
  • 为提示词进行分类(普通、样式、质量、命令)
  • 轻松的排序、隐藏提示词
  • 把提示词可视化结果导出为图片
  • 常用提示词词典
  • 通过 Notion 管理提示词词典

使用教程

OPS-cover

📺 B 站视频教程

如何连接的我的 Notion 来管理自己的词典

OPS 支持使用 Notion 来管理自己的词典,使用 Notion 管理相对简单,可自定义程度也很高。

1. 复制「演示-AIGC 提示词库」

复制我们的演示文档的自己的 Notion 工作区中

📕 演示-AIGC 提示词库

保持表头定义: text, subTypedirlang_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 点击 「+ new integrations」按钮创建一个新集成插件

2.2 创建集成插件

在集成插件页面中选择允许访问的 Notion 工作区(Workspace),你的 Notion 数据库需要创建在此工作区下,OPS 才能通过集成插件访问。

2.3 获取集成插件 Token 密钥

集成插件创建完毕后,复制 Token 秘钥保存下来,你将使用此 Token 作为访问凭证,请妥善保管不要在公开场合泄露。

2.4 在数据库页面链接到你的集成

集成插件创建后,还需要在你的 Notion 数据库的菜单中连接到你的集成插件:

3. 在 OPS 中配置 Notion

在 OPS 右上角打开提示词词典,鼠标放在「连接我的 Notion」按钮上,展开设置面板

  • 「Integrations Token」 里面填入前面我们生成的集成 Token 秘钥(秘钥只会保存在浏览器本地(localStorage),不会被上传到任何地方)

  • 「Database ID」里粘贴你 Notion 数据库的访问地址

  • 然后点击「载入」按钮

获取 Notion 数据库的访问地址(DatabaseID

在 Notion 数据库菜单中点击 「Copy link to view」 就可以了,粘贴 Notion 数据库地址到 OPS 的配置输入框后会自动提取 DatabaseID

更好的体验

你可以在 zeroG 浏览器 里让 OPS 与 Discord 在一个无限画布中使用,获得更好的体验

截屏2023-04-06 15.51.23.png

开发者

本地运行需要 NodeJS 环境

使用 npm run start 运行

运行打开后访问 localhost:12833/apps/ops/

Docker

如果你不想安装 NodeJS 环境,可以使用 Docker 运行,参考 ./docker

如何修改默认提示词词典

  1. ./data/src 中编辑 .csv 文件,你可以用 Excel、Numbers 或者纯文本编辑器编辑。

  2. Notion 中编辑(./data/src/notion/fromNotion.js

翻译服务

./server 文件夹中有一个翻译服务的简单实现,调用腾讯翻译 你需要申请一个腾讯机器翻译的账号(每月免费额度 500 万字) 然后在项目根目录创建一个 .env 文件写入你的的 SECRET_IDSECRET_KEY

.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 页中会根据此地址发起请求,请根据你部署后实际访问地址来配置。

About

🥣 AIGC 提示词可视化编辑器 | OPS | Open Prompt Studio

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 45.6%
  • TypeScript 38.4%
  • JavaScript 12.6%
  • SCSS 2.7%
  • HTML 0.7%