AI聊天机器人客户端

一个基于Anthropic API的AI聊天机器人客户端,支持通过自然语言查询数据库中的用户和任务信息,并生成交互式UI组件。

  • by HichamELBSI
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 HichamELBSI/ai-chatbot-with-mcp-ui

使用说明

MCP服务器

运行服务器

cd kendo-mcp-ui-server
pnpm install
pnpm build
pnpm preview

聊天机器人AI客户端

设置AI聊天机器人客户端

1- 创建一个 .env 在ai-bot-mcp-ui文件夹的根目录下,复制以下内容: .env.local 在……中 .env 并设置您的Anthropic API密钥

VITE_ANTHROPIC_API_KEY=sk-ant-apixxx

2- 运行AI聊天机器人

cd kendo-ai-bot-mcp-ui
yarn install
yarn dev

使用方法

您的聊天机器人正在此处运行: http://localhost:3000

该数据库包含3个简单表: User, tasks, user_task

提示示例:

  • Show me 10 tasks
  • Show me 10 users
  • Show me 50 tasks that are done
  • Show me all the projects

交互式组件正在打破文本障碍,使您能够直接在生成的用户界面(Kendo组件)中点击按钮。它将生成提示并调用工具。