Public
MCP-CHAT-Demo
2024-12-02
Un exemple d'application de chat démontrant l'intégration avec les serveurs de protocole de contexte de modèle (MCP)
1
Github Watches
1
Github Forks
1
Github Stars
MCP Chat Demo
A sample chat application demonstrating integration with Model Context Protocol (MCP) servers.
Project Structure
mcp-chat-demo/
├── package.json
├── README.md
├── .gitignore
├── src/
│ ├── App.tsx
│ ├── main.tsx
│ ├── components/
│ │ ├── Chat.tsx
│ │ ├── MessageList.tsx
│ │ ├── MessageInput.tsx
│ │ └── MCPConnection.tsx
│ ├── lib/
│ │ ├── mcp-client.ts
│ │ └── types.ts
│ └── styles/
│ └── main.css
└── public/
└── index.html
Setup Instructions
- Clone the repository:
git clone https://github.com/yourusername/mcp-chat-demo.git
cd mcp-chat-demo
- Install dependencies:
npm install
- Start the development server:
npm run dev
Features
- Connect to local or remote MCP servers
- Real-time chat interface
- Support for MCP tools and resources
- Message history
- Error handling and reconnection logic
Technology Stack
- React 18
- TypeScript
- Vite
- TailwindCSS
- MCP TypeScript SDK
相关推荐
I craft unique cereal names, stories, and ridiculously cute Cereal Baby images.
I find academic articles and books for research and literature reviews.
Evaluator for marketplace product descriptions, checks for relevancy and keyword stuffing.
Confidential guide on numerology and astrology, based of GG33 Public information
Advanced software engineer GPT that excels through nailing the basics.
Emulating Dr. Jordan B. Peterson's style in providing life advice and insights.
Découvrez la collection la plus complète et la plus à jour de serveurs MCP sur le marché. Ce référentiel sert de centre centralisé, offrant un vaste catalogue de serveurs MCP open-source et propriétaires, avec des fonctionnalités, des liens de documentation et des contributeurs.
L'application tout-en-un desktop et Docker AI avec chiffon intégré, agents AI, constructeur d'agent sans code, compatibilité MCP, etc.
Plateforme d'automatisation de workflow à code équitable avec des capacités d'IA natives. Combinez le bâtiment visuel avec du code personnalisé, de l'auto-hôte ou du cloud, 400+ intégrations.
Manipulation basée sur Micropython I2C de l'exposition GPIO de la série MCP, dérivée d'Adafruit_MCP230XX
🧑🚀 全世界最好的 LLM 资料总结 （数据处理、模型训练、模型部署、 O1 模型、 MCP 、小语言模型、视觉语言模型） | Résumé des meilleures ressources LLM du monde.
Une liste organisée des serveurs de protocole de contexte de modèle (MCP)
Reviews
4
(1)
user_jFxHAUFF
2025-04-15
The MCP book by fxamauri is a must-read for MCP enthusiasts. It offers a comprehensive understanding of the platform and its applications. The author has done an incredible job simplifying complex concepts, making this book invaluable for both beginners and advanced users. Highly recommend diving into this resource to unlock the full potential of MCP. Check it out here: https://mcp.so/server/mcpbook/fxamauri