chatbot-ui - 一个简单的聊天机器人入门套件,用于使用 Next.js、TypeScript 和 Tailwind CSS 的 OpenAI 聊天模型。

Created at: 2023-03-11 22:53:14
Language: TypeScript
License: MIT

聊天机器人用户界面

注意:聊天机器人 UI 专业版已重命名为聊天机器人 UI。

Chatbot UI是一个高级聊天机器人工具包,用于OpenAI的聊天模型,使用Next.js,TypeScript和Tailwind CSS构建在Chatbot UI Lite之上。

它旨在模仿ChatGPT的界面和功能。

所有对话都存储在本地设备上。

观看演示

聊天机器人用户界面

更新

聊天机器人 UI 将随着时间的推移而更新。

期待频繁的改进。

接下来:

  • [ ] 移动视图
  • [ ] 通过数据导出进行保存
  • [ ] 文件夹
  • [ ] 更改默认提示

最近更新:

  • [x] 降价支持 (3/17/23)
  • [x] 代码语法突出显示 (3/18/23)
  • [x] 切换侧边栏 (3/18/23)
  • [x] 对话命名 (3/18/23)
  • [x] Github口味的降价(3/18/23)
  • [x] 在应用程序中添加 OpenAI API 密钥 (3/18/23)

修改

修改 中的聊天界面。

components/Chat

修改 中的侧边栏界面。

components/Sidebar

修改 中的系统提示符。

utils/index.ts

部署

韦塞尔

使用 Vercel 托管你自己的聊天机器人 UI 的实时版本。

使用 Vercel 进行部署

重新普利特

在这里重新点叉聊天机器人 UI。

docker

docker build -t chatgpt-ui .
docker run -e OPENAI_API_KEY=xxxxxxxx -p 3000:3000 chatgpt-ui

本地运行

1. 克隆回购

git clone https://github.com/mckaywrigley/chatbot-ui.git

2. 安装依赖项

npm i

3. 提供开放人工智能接口密钥

使用 OpenAI API 密钥在存储库的根目录中创建一个 .env.local 文件:

OPENAI_API_KEY=YOUR_KEY

4. 运行应用程序

npm run dev

5. 使用它

你应该可以开始聊天了。

联系

如果你有任何疑问,请随时在Twitter上与我联系。