I craft unique cereal names, stories, and ridiculously cute Cereal Baby images.
Public
MCP-CHAT-DEMO
2024-12-02
示例聊天应用程序，展示与模型上下文协议（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
相关推荐
Evaluator for marketplace product descriptions, checks for relevancy and keyword stuffing.
This GPT assists in finding a top-rated business CPA - local or virtual. We account for their qualifications, experience, testimonials and reviews. Business operators provide a short description of your business, services wanted, and city or state.
Professional Flask/SQLAlchemy code guide. Follow: https://x.com/navid_re
Confidential guide on numerology and astrology, based of GG33 Public information
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