Installation and deployment steps in detail
Before installing mcp-ui, ensure that the following are metEnvironmental requirements::
- Node.js (≥16.0.0) and npm (≥8.0.0).
- Git tools for code cloning.
- Modern browser or compatible desktop operating system (Windows 10+/macOS 10.15+/Ubuntu 20.04+).
The specific installation process is as follows:
- Cloning Code: via the Git command
git clone https://github.com/machaojin1917939763/mcp-ui.gitDownload the source code. - Installation of dependencies: Go to the project directory and run
npm install, install components such as Vue.js and Electron. - Configuring Environment Variables: Reproduction
.env.examplebecause of.env, fill in the API key and model provider (e.g. OpenAI or Anthropic). - launch an application::
- Web version: run separately
npm run dev(front-end) andnpm run mcp:server(back-end), accessed via browserlocalhost:5173The - Desktop version: Run
npm run electron:devInitiate development mode.
- Web version: run separately
This answer comes from the articlemcp-ui: a clean AI chat interface based on the MCP protocolThe
May not be reproduced without permission:AI productivity tools " How to install and deploy mcp-ui and what prerequisites are needed?
English 
简体中文 
日本語 
Deutsch 
Português do Brasil