MCP cover image

Protocolo de contexto modelo (MCP) hecho simple - código para la serie tutorial - centrándose en formas prácticas de comprender y usar 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
  • Descubra la colección más completa y actualizada de servidores MCP en el mercado. Este repositorio sirve como un centro centralizado, que ofrece un extenso catálogo de servidores MCP de código abierto y propietarios, completos con características, enlaces de documentación y colaboradores.

  • ShrimpingIt
  • Manipulación basada en Micrypthon I2C del expansor GPIO de la serie MCP, derivada de AdaFruit_MCP230xx

  • Mintplex-Labs
  • La aplicación AI de escritorio todo en uno y Docker con trapo incorporado, agentes de IA, creador de agentes sin código, compatibilidad de MCP y más.

  • n8n-io
  • Plataforma de automatización de flujo de trabajo de código justo con capacidades de IA nativas. Combine el edificio visual con código personalizado, auto-anfitrión o nube, más de 400 integraciones.

  • ravitemer
  • Un poderoso complemento Neovim para administrar servidores MCP (protocolo de contexto del modelo)

  • WangRongsheng
  • 🧑‍🚀 全世界最好的 llM 资料总结(数据处理、模型训练、模型部署、 O1 模型、 MCP 、小语言模型、视觉语言模型) | Resumen de los mejores recursos del mundo.

  • jae-jae
  • Servidor MCP para obtener contenido de la página web con el navegador sin cabeza de dramaturgo.

  • patruff
  • Puente entre los servidores Ollama y MCP, lo que permite a LLM locales utilizar herramientas de protocolo de contexto del modelo

  • open-webui
  • Interfaz de IA fácil de usar (admite Ollama, Operai API, ...)

    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.