MCP cover image

Model Context Protocol (MCP) Made Simple - Code for the tutorial series - focusing on practical ways to understand and use 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.

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

  • apappascs
  • Discover the most comprehensive and up-to-date collection of MCP servers in the market. This repository serves as a centralized hub, offering an extensive catalog of open-source and proprietary MCP servers, complete with features, documentation links, and contributors.

  • ShrimpingIt
  • Micropython I2C-based manipulation of the MCP series GPIO expander, derived from Adafruit_MCP230xx

  • Mintplex-Labs
  • The all-in-one Desktop & Docker AI application with built-in RAG, AI agents, No-code agent builder, MCP compatibility, and more.

  • n8n-io
  • Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

  • ravitemer
  • A powerful Neovim plugin for managing MCP (Model Context Protocol) servers

  • WangRongsheng
  • 🧑‍🚀 全世界最好的LLM资料总结(Agent框架、辅助编程、数据处理、模型训练、模型推理、o1 模型、MCP、小语言模型、视觉语言模型) | Summary of the world's best LLM resources.

  • jae-jae
  • MCP server for fetch web page content using Playwright headless browser.

  • patruff
  • Bridge between Ollama and MCP servers, enabling local LLMs to use Model Context Protocol tools

  • open-webui
  • User-friendly AI Interface (Supports Ollama, OpenAI API, ...)

  • pontusab
  • The Cursor & Windsurf community, find rules and MCPs

    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.