Converts Figma frames into front-end code for various mobile frameworks.
Public
mcp-made-simple
2025-03-20
Model Context Protocol (MCP) Made Simple - Code for the tutorial series - focusing on practical ways to understand and use MCP
3 years
Works with Finder
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
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
- Clone this repository
- Navigate to the lesson you want to try
- Follow the lesson's README.md instructions
Resources
License
The MCP Hello World repository is licensed under the MIT License.
相关推荐
I find academic articles and books for research and literature reviews.
Confidential guide on numerology and astrology, based of GG33 Public information
Embark on a thrilling diplomatic quest across a galaxy on the brink of war. Navigate complex politics and alien cultures to forge peace and avert catastrophe in this immersive interstellar adventure.
Advanced software engineer GPT that excels through nailing the basics.
Delivers concise Python code and interprets non-English comments
💬 MaxKB is an open-source AI assistant for enterprise. It seamlessly integrates RAG pipelines, supports robust workflows, and provides MCP tool-use capabilities.
The all-in-one Desktop & Docker AI application with built-in RAG, AI agents, No-code agent builder, MCP compatibility, and more.
MCP server to provide Figma layout information to AI coding agents like Cursor
Micropython I2C-based manipulation of the MCP series GPIO expander, derived from Adafruit_MCP230xx
AI Agents & MCPs & AI Workflow Automation • (280+ MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents
Reviews
3
(1)
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.