logo
Login
Cover image
MCP-CHAT-DEMO
Public

MCP-CHAT-DEMO

Try Now
2024-12-02

示例聊天应用程序，展示与模型上下文协议（MCP）服务器集成的示例应用程序

3 years

Works with Finder

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

  1. Clone the repository:
git clone https://github.com/yourusername/mcp-chat-demo.git
cd mcp-chat-demo
  1. Install dependencies:
npm install
  1. 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

相关推荐

谷物namer gpt

谷物namer gpt

  • NiKole Maxwell

    • I craft unique cereal names, stories, and ridiculously cute Cereal Baby images.

    1.1 (330)
    商业 营销
    程式码优化大师

    程式码优化大师

  • https://duotify.com

    • Professional code reviewer for a unique language, friendly and helpful.

    1.4 (394)
    商业 生产率
    产品说明评估员

    产品说明评估员

  • Bora Yalcin

    • Evaluator for marketplace product descriptions, checks for relevancy and keyword stuffing.

    2.8 (308)
    商业 营销
    latvju gptspalīgs

    latvju gptspalīgs

  • Andris Teikmanis

    • Latvian GPT assistant for developing GPT applications

    2.1 (403)
    代码 开发人员工具
    GG33基础知识

    GG33基础知识

  • Joshua Armstrong

    • Confidential guide on numerology and astrology, based of GG33 Public information

    3.3 (225)
    最新 其他
    GPT创建者

    GPT创建者

  • https://suefel.com

    • Latest advice and best practices for custom GPT development.

    5 (241)
    最新 其他
    烧瓶代码助手

    烧瓶代码助手

  • Navid RezaeiSarchoghaei

    • Professional Flask/SQLAlchemy code guide. Follow: https://x.com/navid_re

    4.7 (362)
    商业 生产率
    缩略图创建专家

    缩略图创建专家

  • Alexandru Strujac

    • Efficient thumbnail creator for YouTube videos

    3.6 (234)
    最新 其他
    技术占星术加密宇宙

    技术占星术加密宇宙

  • Callycode Limited

    • A geek-themed horoscope generator blending Bitcoin prices, tech jargon, and astrological whimsy.

    1.2 (315)
    商业 金融
    无花果到前端

    无花果到前端

  • Emmet Halm

    • Converts Figma frames into front-end code for various mobile frameworks.

    1.8 (360)
    最新 其他
    视频摘要

    视频摘要

  • https://cantaspinar.com

    • Summarizes videos and answers related questions.

    3.5 (385)
    商业 生产率
    MCP-Servers-Hub

    MCP-Servers-Hub

  • apappascs

    • 发现市场上最全面，最新的MCP服务器集合。该存储库充当集中式枢纽，提供了广泛的开源和专有MCP服务器目录，并提供功能，文档链接和贡献者。

    4 (1)
    Micropython-MCP230XX

    Micropython-MCP230XX

  • ShrimpingIt

    • MCP系列GPIO Expander的基于Micropython I2C的操作，源自ADAFRUIT_MCP230XX

    4 (1)
    prysm

    prysm

  • OffchainLabs

    • 进行以太坊的实施

    4 (1)
    1Scan

    1Scan

  • huahuayu

    • 统一的API网关，用于将多个Etherscan样区块链Explorer API与对AI助手的模型上下文协议（MCP）支持。

    2 (1)
    OATPP-MCP

    OATPP-MCP

  • oatpp

    • Anthropic的模型上下文协议实现了燕麦++

    4 (1)

    Reviews

    4 (1)
    Avatar
    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