mcp-ui

mcp-ui

3.9

If you are the rightful owner of mcp-ui and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcpreview.com.

MCP聊天应用是一个基于Vue.js构建的现代化聊天界面,支持通过Model Context Protocol (MCP)与各种服务和工具进行交互。

MCP聊天应用是一个智能聊天应用,支持Web和桌面环境,基于Model Context Protocol (MCP)与外部服务和工具进行交互。该应用集成了OpenAI和Anthropic两种主流大模型服务,提供简洁现代的聊天界面设计。用户可以通过MCP协议与外部工具和服务无缝交互,支持自定义配置API密钥、基础URL和模型选项。应用架构可扩展,支持添加自定义工具和服务,并提供跨平台桌面体验。浏览器自动化功能允许AI控制浏览器执行任务,集成的MCP后端服务提供强大功能。

Features

  • 简洁现代的聊天界面设计
  • MCP协议支持与外部工具和服务进行无缝交互
  • 多模型支持,兼容OpenAI和Anthropic两种API格式
  • 自定义配置API密钥、基础URL和模型选项
  • 可扩展架构,支持添加自定义工具和服务

MCP Tools

  • 浏览器自动化: AI可控制浏览器访问网页、提取信息
  • 天气查询: 获取实时天气信息
  • 新闻搜索: 检索最新新闻内容
  • 文件操作: 读取和写入文件(桌面版)

MCP Resources

Usage with Different Platforms

Web应用开发模式

bash
# 启动前端开发服务器
npm run dev

# 在另一个终端启动MCP后端服务
npm run mcp:server

桌面应用开发模式

bash
# 启动Electron应用
npm run electron:dev

# 在另一个终端启动MCP后端服务
npm run mcp:server

Web应用构建

bash
npm run build

桌面应用构建

bash
# 构建所有平台版本
npm run electron:build

# 构建特定平台版本
npm run electron:buildwin  # Windows
npm run electron:buildmac  # macOS
npm run electron:buildlinux  # Linux