MCP cover image

模型上下文协议(MCP)简单 - 教程系列的代码 - 专注于理解和使用MCP的实用方法

2

Github Watches

10

Github Forks

24

Github Stars

MCP Made Simple - Tutorial Series

Welcome to the Model Context Protocol (MCP) Hello World tutorial series! This repository contains step-by-step lessons to help you understand and implement MCP servers for AI-powered IDE extensions.

What is MCP?

The Model Context Protocol (MCP) is a standardized protocol that allows AI assistants to interact with external tools and services in modern IDEs. It enables AI models to:

  • Discover available tools
  • Call tools with structured inputs
  • Receive structured outputs

Lessons

Lesson Title Description Key Concepts Video
Lesson 1 Creating Your First MCP Server Build a basic MCP server with a greeting tool - MCP Server Setup
- Tool Implementation
- IDE Integration
- stdio Transport
Watch Tutorial
Lesson 2 Debugging with Chrome DevTools and Cursor Debugging your apps with Browser Tools MCP - Capture Console Logs
- Take Screenshots
-Integration with Cursor
Watch Tutorial
Lesson 3 Game Inventory with Supabase Build a game inventory system using Supabase - Database Operations
- Supabase Integration
- React UI
- Real-time Updates
Watch Tutorial

Playlist

Watch the full playlist

Prerequisites

  • Node.js and npm installed
  • Basic TypeScript knowledge
  • IDE with MCP support (Cursor, Windsurf, or VS Code)
  • Chrome browser (for Lesson 2)
  • Supabase account (for Lesson 3)

Getting Started

  1. Clone this repository
  2. Navigate to the lesson you want to try
  3. Follow the lesson's README.md instructions

Resources

License

The MCP Hello World repository is licensed under the MIT License.

相关推荐

  • https://suefel.com
  • Latest advice and best practices for custom GPT development.

  • Yusuf Emre Yeşilyurt
  • I find academic articles and books for research and literature reviews.

  • https://maiplestudio.com
  • Find Exhibitors, Speakers and more

  • Carlos Ferrin
  • Encuentra películas y series en plataformas de streaming.

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

  • Contraband Interactive
  • Emulating Dr. Jordan B. Peterson's style in providing life advice and insights.

  • rustassistant.com
  • Your go-to expert in the Rust ecosystem, specializing in precise code interpretation, up-to-date crate version checking, and in-depth source code analysis. I offer accurate, context-aware insights for all your Rust programming questions.

  • Elijah Ng Shi Yi
  • Advanced software engineer GPT that excels through nailing the basics.

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

  • Alexandru Strujac
  • Efficient thumbnail creator for YouTube videos

  • lumpenspace
  • Take an adjectivised noun, and create images making it progressively more adjective!

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

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

  • Mintplex-Labs
  • 带有内置抹布,AI代理,无代理构建器,MCP兼容性等的多合一桌面和Docker AI应用程序。

  • n8n-io
  • 具有本机AI功能的公平代码工作流程自动化平台。将视觉构建与自定义代码,自宿主或云相结合,400+集成。

  • ravitemer
  • 一个功能强大的Neovim插件,用于管理MCP(模型上下文协议)服务器

  • WangRongsheng
  • 🧑‍🚀 llm 资料总结(数据处理、模型训练、模型部署、 o1 模型、mcp 、小语言模型、视觉语言模型)|摘要世界上最好的LLM资源。

  • jae-jae
  • MCP服务器使用剧作《无头浏览器》获取网页内容。

  • patruff
  • Ollama和MCP服务器之间的桥梁,使本地LLMS可以使用模型上下文协议工具

  • open-webui
  • 用户友好的AI接口(支持Ollama,OpenAi API,...)

  • pontusab
  • 光标与风浪冲浪社区,查找规则和MCP

    Reviews

    3 (1)
    Avatar
    user_3NsyKmAT
    2025-04-17

    mcp-made-simple by chongdashu is a fantastic tool for those starting with MCP applications. The documentation is clear, and the setup process is incredibly straightforward. Highly recommend checking it out at https://github.com/chongdashu/mcp-made-simple if you're looking to simplify your MCP workflow and get started quickly.