{"repo":"bitshift-byte/mcp-ui","free":true,"listed":false,"github":"https://github.com/bitshift-byte/mcp-ui","clone":"git clone https://github.com/bitshift-byte/mcp-ui.git","description":"基于MCP(Model Context Protocol)的智能聊天应用，支持Web和桌面环境。集成OpenAI/Anthropic API，提供MCP服务器的所有工具能力。简洁现代的UI设计，支持跨平台部署。","language":"Vue","stars":89,"topics":["mcp","mcp-client","mcp-server","mcpe"],"license":"MIT","category":"mcp-servers","readme_excerpt":"MCP 聊天应用 基于 Model Context Protocol 的智能聊天应用，支持Web和桌面环境。 项目介绍 MCP聊天应用是一个基于Vue.js构建的现代化聊天界面，支持通过Model Context Protocol (MCP)与各种服务和工具进行交互。MCP是Anthropic推出的开放协议标准，允许AI模型直接调用诸如数据库、文件系统、浏览器自动化、第三方mcp服务等。 本应用同时支持Web端和桌面端（基于Electron），并且集成了OpenAI和Anthropic两种主流大模型服务。 应用界面展示 核心功能特点 - 简洁现代 的聊天界面设计 - MCP协议支持 ：与外部工具和服务进行无缝交互 - 多模型支持 ：兼容OpenAI和Anthropic两种API格式 - 自定义配置 ：可配置API密钥、基础URL和模型选项 - 可扩展架构 ：支持添加自定义工具和服务 - 桌面应用 ：提供跨平台（Windows/Mac/Linux）桌面体验 - 浏览器自动化 ：支持AI控制浏览器执行任务 - 本地服务 ：集成MCP后端服务提供强大功能 系统要求 - Node.js : v16.0.0+ - npm : v8.0.0+ - 现代浏览器 ：Chrome, Firefox, Safari, Edge最新版本 - 操作系统 ：Windows 10+, macOS 10.15+, Ubuntu 20.04+（桌面版） 快速开始 安装依赖 配置环境变量（非必要） 复制 .env.example 文件到 .env ，并填入必要的API密钥和配置： 编辑 .env 文件设置以下内容： 启动应用 Web应用开发模式 桌面应用开发模式 运行应用 Web应用 桌面应用 构建应用 Web应用构建 桌面应用构建 详细使用说明 配置模型设置 1. 打开应用后，点击右上角的⚙️设置图标 2. 在设置面板中配置： - 模型提供商 ：选择OpenAI或Anthropic - API密钥 ：输入对应服务的API密钥 - API基础URL ：可选，如使用自定义API端点或代理服务 - 模型 ：选择要使用的具体模型 - 自定义模型 ：添加和管理自定义模型配置 使用聊天功能 - 在底部输入框中输入问题或命令 - 点击发送按钮或按回车键发送消息 - 使用工具功能获取实时信息或执行任务（如浏览网页、查询数据等） - 支持Markdown格式和代码高亮显示 MCP工具使用 本应用集成了以下MCP工具： - 浏览器自动化 ：AI可控制浏览器访问网页、提取信息 - 天气查询 ：获取实时天气信息 - 新闻搜索 ：检索最新新闻内容 - 文件操作 ：读取和写入文件（桌面版） 通过聊天界面直接请求AI使用这些工具，无需额外操作。 项目架构 目录结构 - src/ - 前端源代码 - components/ - Vue组件 - services/ - API服务 - composables/ - Vue组合式函数 - utils/ - 工具函数 - styles/ - CSS样式文件 - assets/ - 静态资源 - electron/ - Electron桌面应用代码 - config/ - 应用配置文件 - mcp server.js - MCP后端服务 - public/ - 静态资源目录 关键技术栈 - 前端 ：Vue 3, TypeScript, Vite - API集成 ：OpenAI API, Anthropic API - MCP协议 ：@modelcontextproto","default_branch":null,"files":null,"tree":[],"storefront":"/r/bitshift-byte","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/bitshift-byte/mcp-ui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}