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.
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
| 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 |
- 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)
- Clone this repository
- Navigate to the lesson you want to try
- Follow the lesson's README.md instructions
The MCP Hello World repository is licensed under the MIT License.