{"id":13457427,"url":"https://github.com/Moonvy/OpenPromptStudio","last_synced_at":"2025-03-24T12:31:40.816Z","repository":{"id":149512042,"uuid":"618903393","full_name":"Moonvy/OpenPromptStudio","owner":"Moonvy","description":"🥣 AIGC 提示词可视化编辑器  | OPS | Open Prompt Studio","archived":false,"fork":false,"pushed_at":"2024-04-28T06:47:24.000Z","size":7273,"stargazers_count":6100,"open_issues_count":79,"forks_count":725,"subscribers_count":45,"default_branch":"master","last_synced_at":"2025-01-30T07:45:11.047Z","etag":null,"topics":["ai","aigc","open-prompt-studio","prompts"],"latest_commit_sha":null,"homepage":"https://moonvy.com/apps/ops/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Moonvy.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-03-25T17:25:15.000Z","updated_at":"2025-01-28T18:57:48.000Z","dependencies_parsed_at":"2024-01-06T19:40:50.448Z","dependency_job_id":"57673c49-98ee-42f6-9a7d-1c90307a548b","html_url":"https://github.com/Moonvy/OpenPromptStudio","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moonvy%2FOpenPromptStudio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moonvy%2FOpenPromptStudio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moonvy%2FOpenPromptStudio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Moonvy%2FOpenPromptStudio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Moonvy","download_url":"https://codeload.github.com/Moonvy/OpenPromptStudio/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245269894,"owners_count":20587872,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","aigc","open-prompt-studio","prompts"],"created_at":"2024-07-31T08:01:43.322Z","updated_at":"2025-03-24T12:31:40.173Z","avatar_url":"https://github.com/Moonvy.png","language":"Vue","readme":"# 🥣 OPS/OpenPromptStudio\n\n## 提示词工作室 | 可视化编辑提示词\n\n\u003cp align=\"center\"\u003e\n    \u003cimg width=\"1430\" alt=\"OPS-cover\" src=\"https://user-images.githubusercontent.com/82231420/230757122-5cf5659e-9e1a-4288-80fd-84ec229a063e.png\"\u003e\n\u003c/p\u003e\n\n[**🥣 立即试试** moonvy.com/apps/ops/](https://moonvy.com/apps/ops/)\n\n这是一个旨在把 AIGC 提示词（现在支持 Midjourney）可视化并提供编辑功能的工具，有以下特性\n\n-   显示英文提示词的中文翻译\n-   翻译输入的中文提示词到英文（因为 Midjourney 仅支持英文提示词）\n-   为提示词进行分类（普通、样式、质量、命令）\n-   轻松的排序、隐藏提示词\n-   把提示词可视化结果导出为图片\n-   常用提示词词典\n-   通过 Notion 管理提示词词典\n\n## 使用教程\n\n\u003ca href=\"https://www.bilibili.com/video/BV15N411P7D3/?spm_id_from=333.337.search-card.all.click\u0026vd_source=1f6edbc8e03c44932da52d02c0c11c1c\" target=\"_blank\"\u003e\n \u003cimg width=\"300\" alt=\"OPS-cover\" src=\"https://user-images.githubusercontent.com/82231420/230757939-dde301f1-bf68-4455-83c6-f7dd2214c68b.png\"\u003e\n\u003c/a\u003e\n\n[📺 B 站视频教程](https://www.bilibili.com/video/BV15N411P7D3/?spm_id_from=333.337.search-card.all.click\u0026vd_source=1f6edbc8e03c44932da52d02c0c11c1c)\n\n## 如何连接的我的 Notion 来管理自己的词典\n\nOPS 支持使用 [Notion](https://www.notion.so/) 来管理自己的词典，使用 Notion 管理相对简单，可自定义程度也很高。\n\n![ ](./doc/assets/notion-me.gif)\n\n### 1. 复制「演示-AIGC 提示词库」\n\n复制我们的演示文档的自己的 Notion 工作区中\n\n[**📕 演示-AIGC 提示词库**](https://moonvy.notion.site/b768c5c1852f4e2fbaee1b4a99f26d49?v=346e91e8114648c59079eeea2d9d56c7)\n\n\u003cp align=\"center\"\u003e\n    \u003cimg width=\"720\" src=\"./doc/assets/notion-demo.jpg\"\u003e\n\u003c/p\u003e\n\n保持表头定义： `text`, `subType`、`dir`、`lang_zh` 不要变（或者你可以新建一个 Notion 数据库，只要有这些表头 OPS 就能连接的这个数据库）\n\n#### Notion 表头定义\n\n| 表头    | 作用                                                    |\n| ------- | ------------------------------------------------------- |\n| text    | 提示词原文（不区分大小写）                              |\n| lang_zh | 对应的中文翻译                                          |\n| subType | 提示词在 OPS 中的分类（`普通`、`风格`、`质量`、`命令`） |\n| dir     | 词典中的分类，子分类用`/`分隔如：`风格/绘画风格`        |\n| alias   | 别名，可以有多个，用`,` 分隔                            |\n\n### 2. 创建自己的 Notion 集成插件（integrations）\n\n要让 OPS 连接到自己的 Notion 数据库，需要创建一个自己的集成（integrations）。OPS 会通过此集成的权限连接到你的数据库。\n\n#### 2.1 打开集成开发页面\n\n打开 Notion 的集成开发页面 [🔗 www.notion.so/my-integrations](https://www.notion.so/my-integrations)\n点击 「+ new integrations」按钮创建一个新集成插件\n\n\u003cp align=\"center\"\u003e\n    \u003cimg width=\"720\" src=\"./doc/assets/Myintegrations-1@2x.jpeg\"\u003e\n\u003c/p\u003e\n\n#### 2.2 创建集成插件\n\n在集成插件页面中选择允许访问的 Notion 工作区（Workspace），你的 Notion 数据库需要创建在此工作区下，OPS 才能通过集成插件访问。\n\n\u003cp align=\"center\"\u003e\n    \u003cimg width=\"720\" src=\"./doc/assets/Myintegrations-2@2x.jpeg\"\u003e\n\u003c/p\u003e\n\n#### 2.3 获取集成插件 Token 密钥\n\n集成插件创建完毕后，复制 Token 秘钥保存下来，你将使用此 Token 作为访问凭证，请妥善保管不要在公开场合泄露。\n\n\u003cp align=\"center\"\u003e\n    \u003cimg width=\"720\" src=\"./doc/assets/Myintegrations-3@2x.jpeg\"\u003e\n\u003c/p\u003e\n\n#### 2.4 在数据库页面链接到你的集成\n\n集成插件创建后，还需要在你的 Notion 数据库的菜单中连接到你的集成插件：\n\n\u003cp align=\"center\"\u003e\n    \u003cimg width=\"720\" src=\"https://user-images.githubusercontent.com/82231420/230757501-7630d405-adcc-4611-aa8a-07875ce5a932.jpg\"\u003e\n\u003c/p\u003e\n\n### 3. 在 OPS 中配置 Notion\n\n在 OPS 右上角打开提示词词典，鼠标放在「连接我的 Notion」按钮上，展开设置面板\n\n-   「Integrations Token」 里面填入前面我们生成的集成 Token 秘钥（秘钥只会保存在浏览器本地（localStorage），不会被上传到任何地方）\n\n-   「Database ID」里粘贴你 Notion 数据库的访问地址\n\n-   然后点击「载入」按钮\n\n\u003cp align=\"center\"\u003e\n    \u003cimg width=\"720\" src=\"https://user-images.githubusercontent.com/82231420/230758301-57f5304e-b83b-4ee6-a91c-0c030e84213a.png\"\u003e\n\u003c/p\u003e\n\n#### 获取 Notion 数据库的访问地址（`DatabaseID`）\n\n在 Notion 数据库菜单中点击 「Copy link to view」 就可以了，粘贴 Notion 数据库地址到 OPS 的配置输入框后会自动提取 `DatabaseID`\n\n\u003cp align=\"center\"\u003e\n    \u003cimg width=\"720\" src=\"https://user-images.githubusercontent.com/82231420/230758271-c2ee8ba3-e694-45db-a209-55c4d1744171.png\"\u003e\n\u003c/p\u003e\n\n## 更好的体验\n\n你可以在 [zeroG 浏览器](https://moonvy.com/zeroG/) 里让 OPS\n与 Discord 在一个无限画布中使用，获得更好的体验\n\n![截屏2023-04-06 15.51.23.png](./doc%2Fassets%2F%E6%88%AA%E5%B1%8F2023-04-06%2015.51.23.png)\n\n## 开发者\n\n本地运行需要 NodeJS 环境\n\n使用 `npm run start` 运行\n\n运行打开后访问 `localhost:12833/apps/ops/`\n\n### Docker\n\n如果你不想安装 NodeJS 环境，可以使用 Docker 运行，参考 [./docker](https://github.com/Moonvy/OpenPromptStudio/tree/master/docker/)\n\n### 如何修改默认提示词词典\n\n1. 在 [./data/src](https://github.com/Moonvy/OpenPromptStudio/tree/master/data/src) 中编辑 `.csv` 文件，你可以用 Excel、Numbers 或者纯文本编辑器编辑。\n\n2. 在 [Notion](https://www.notion.so/) 中编辑（[./data/src/notion/fromNotion.js](https://github.com/Moonvy/OpenPromptStudio/tree/master/data/src/notion/fromNotion.js) ）\n\n### 翻译服务\n\n在 `./server` 文件夹中有一个翻译服务的简单实现，调用腾讯翻译\n你需要申请一个[腾讯机器翻译的账号](https://bobtranslate.com/service/translate/tencent.html)（每月免费额度 500 万字）\n然后在项目根目录创建一个 `.env` 文件写入你的的 `SECRET_ID` 与 `SECRET_KEY`\n\n`.env`：\n\n```env\n# 翻译机配置 https://bobtranslate.com/service/translate/tencent.html\nTENCENT_SECRET_ID=\"AKIDXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX\"\nTENCENT_SECRET_KEY=\"a5XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX\"\n\n# 自定义翻译服务地址 [可选] (如果你部署在服务器上，通过此配置指定 Web 端访问翻译服务的地址)\n# LOCAL_TRANSLATE_HOST=\"192.168.50.222:3000\"\n```\n\n然后运行 `npm run serve` 启动 `OPS 服务` 和 `本地翻译服务`\n\n#### 自部署\n\n如果要部署到自己的服务器，请在 `.env` 文件中配置翻译服务的访问地址： `LOCAL_TRANSLATE_HOST`，如 `192.168.50.222:3000`或者`https://mySite.com`，在 Web 页中会根据此地址发起请求，请根据你部署后实际访问地址来配置。\n","funding_links":[],"categories":["Vue","其他_机器视觉","📚 更多...","Repos"],"sub_categories":["网络服务_其他","💡 提示词（Prompt）"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMoonvy%2FOpenPromptStudio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMoonvy%2FOpenPromptStudio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMoonvy%2FOpenPromptStudio/lists"}