Art of Vibe Coding: Building MCP Servers Workshop

Learn to build MCP (Model Context Protocol) servers that extend AI coding assistants like Claude Code and Codex with custom tools, database access, and external API integrations.

Getting Started

Start with Part 0 to set up your development environment:

👉 Part 0: Environment Setup

This will guide you through installing all required tools including Warp terminal, Node.js, Python, Claude Code, and PostgreSQL.

Workshop Structure

Part	Description
Part 0: Environment Setup	Install required tools and configure your development environment
Part 1: Foundations	Document Driven Development and building an Art Gallery project
Part 2: Getting Started with MCPs	Build your first MCP server (DateTime) and explore existing MCP servers
Part 3: Build Custom MCPs	Build Task Tracker (PostgreSQL) and Image Generation (Gemini API) MCP servers
Part 4: Wrap Up	Review and next steps

What You'll Learn

• How to create MCP servers using FastMCP
• Connecting MCP servers to databases (PostgreSQL)
• Integrating external APIs (Google Gemini for image generation)
• Document Driven Development workflow
• Using multiple MCP servers together (Task Tracker + PostgreSQL + Playwright)
• Best practices for MCP tool documentation

Prerequisites

• Basic familiarity with Python and/or JavaScript
• A computer running macOS, Windows, or Linux
• Willingness to learn!

---

License & Usage

This code is provided for educational purposes only.

You are free to:

• Download and run the code for your own learning.
• Share the code with attribution.

You may NOT:

• Use this code in a commercial product.
• Sell this code or any derivative works.

This project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0) license. See the LICENSE file for details.