Skip to content
AI Growth Lab
Navigation menu
AI Growth Lab

Loading lesson…

CoursesContactPrivacy

Curriculum based on Datawhale / Easy Vibe · CC BY-NC-SA 4.0

← Back to course

AI-Native Engineer

Claude Code Fundamentals
  1. Getting Started with Claude Code
  2. Essential Claude Code Techniques
  3. Configuring Claude Code for Your Project
  4. Everyday Development Workflows
  5. Troubleshooting Claude Code
MCP: Connecting Claude Code to Tools
  1. Getting Started with MCP in Claude Code
  2. Using and Troubleshooting MCP
  3. Configuring Common MCP Servers
Claude Code Skills
  1. Finding and Using Your First Skills
  2. Understanding Skills and SKILL.md
  3. Creating and Improving Your Own Skills
  4. How Claude Skills Work Internally
Claude Agent Teams
  1. Understanding and Setting Up Agent Teams
  2. Build an RPG with Agent Teams
  3. Agent Teams Best Practices
  4. Choosing When to Use Agent Teams
AI-Assisted Development Workflows
  1. Choosing an AI Development Strategy
  2. Developing Features and Fixing Bugs with AI
  3. Refactoring and Reviewing Code with AI
  4. Building a Project Knowledge Base
  5. Improving AI Collaboration Efficiency
Building Agents with Claude Agent SDK
  1. Getting Started with Claude Agent SDK
  2. Advanced Features and Practical Agent Examples
  3. Building a Code-Quality Guardrail Pipeline
Engineering Workflows with Superpowers
  1. Getting Started with Superpowers and Its Core Skills
  2. Build an Authentication System with Superpowers
  3. Configuring and Using Superpowers Effectively
Spec Coding
  1. Spec Coding Foundations
  2. Practicing Spec Coding in Claude Code
  3. Moving from Vibe Coding to Spec Coding
  4. Spec Coding FAQ and Summary
GitHub Spec-Driven Development
  1. Workflow Foundations and Setup
  2. From Product Idea to Specification
  3. From Specification to Working Software
  4. Reusable Prompts and Responsible Autonomy
Cross-Platform Development
  1. From a Web Page to Real Software and an AI-Native Product
  2. How to Choose the Right Platform for Your App
  3. How to Build an Android App with Jetpack Compose
  4. How to Build an iOS App with SwiftUI
  5. Build a Store Inspection App with React Native and Expo

Lesson Contents

  1. What is Claude Code MCP?
  2. Why use MCP in Claude Code?
  3. Quick Start
  4. Natural-language management in Claude Code
  5. Configuration methods in detail
AI Development FAQ and Summary
How to Build a Cross-Platform App with Flutter
  • How to Build a PWA Local App
  • How to Build a Browser AI Assistant Extension
  • How to Build a Cross-Platform Electron Desktop App
  • How to Build Platform, Pixel-Art, and 3D Games with Godot
  • How to Build a VS Code Extension
  • How to Build an Industrial Qt Desktop App
  • How to Build Your Personal Website and Academic Blog
  • How to Publish the Application You Built
  • On this page
    • What is Claude Code MCP?
    • Why use MCP in Claude Code?
    • Quick Start
    • Natural-language management in Claude Code
    • Configuration methods in detail

    Claude Code MCP Complete Guide

    What is Claude Code MCP?

    Claude Code is Anthropic's official AI command-line tool, while MCP (Model Context Protocol) is the protocol that allows Claude Code to connect to external tools and services.

    Put simply, MCP turns Claude Code from an AI assistant that can only read and write local files into a super assistant that can access GitHub, databases, APIs, and cloud services.

    Why use MCP in Claude Code?

    Claude Code without MCP

    What you can do:
    ✓ Read local files
    ✓ Edit code
    ✓ Run commands
    ✓ Use Bash tools
    
    What you cannot do:
    ✗ View your GitHub Issues
    ✗ Access a cloud database
    ✗ Call external APIs
    ✗ Get real-time weather
    

    Claude Code with MCP

    What you can do:
    ✓ All original functions
    ✓ View / create GitHub Issues and PRs
    ✓ Query SQLite and PostgreSQL databases
    ✓ Access external services such as Notion and Slack
    ✓ Get real-time weather and map data
    ✓ Browser automation
    ✓ ...and more
    

    Quick Start

    Step 1: Understand where the config files live

    Claude Code's MCP configuration files are located at:

    LevelConfig file pathScope
    User level~/.claude.jsonAll projects
    Project level.claude/mcp.jsonCurrent project

    It is recommended to use project-level config first, so different projects can use different MCP services.

    Step 2: Add MCP servers with natural language

    In Claude Code, you do not need to manually edit configuration files or memorize commands. You can describe what you want in natural language:

    You: Help me add a GitHub MCP server. My token is ghp_xxx
    
    Claude: I'll help you configure the GitHub MCP server...
    
    [Automatically updates .claude/mcp.json]
    
    You: Add a SQLite database server. The database file is at ./data/app.db
    
    Claude: Okay, I'll configure the SQLite MCP server...
    
    You: Add an HTTP-type MCP server with the address https://api.example.com/mcp
    
    Claude: I'll add that remote MCP server...
    

    Step 3: Verify the configuration

    Ask Claude Code directly:

    You: What MCP servers are available now?
    
    Claude: Currently configured MCP servers:
    • github - GitHub integration
    • sqlite - SQLite database
    • filesystem - Filesystem access
    

    Or use the diagnostic command:

    /doctor
    

    Step 4: Start using it

    Once configuration succeeds, you can call MCP functions directly with natural language:

    You: Help me create an Issue on GitHub
    
    Claude: I can help you create a GitHub Issue. Please tell me:
    - the repository address, for example owner/repo
    - the Issue title
    - the Issue description
    

    Natural-language management in Claude Code

    View and manage MCP servers

    You can interact with Claude Code entirely in natural language:

    You: List all configured MCP servers
    
    You: Check the connection status of the MCP servers
    
    You: Delete the MCP server named notion
    
    You: Update the token for the github server
    

    Diagnose problems

    When you run into problems:

    You: Check what's wrong with the MCP connection
    
    Claude: [will automatically run diagnostics, analyze configuration files, and check server status]
    

    Configuration methods in detail

    User-level config, global

    Edit ~/.claude.json:

    {
      "mcpServers": {
        "filesystem": {
          "command": "npx",
          "args": ["-y", "@modelcontextprotocol/server-filesystem", "/Users/yourname/Documents"]
        },
        "github": {
          "command": "npx",
          "args": ["-y", "@modelcontextprotocol/server-github"],
          "env": {
            "GITHUB_PERSONAL_ACCESS_TOKEN": "your-token"
          }
        }
      }
    }
    

    Project-level config, recommended

    Edit .claude/mcp.json in the project root:

    {
      "mcpServers": {
        "project-db": {
          "command": "npx",
          "args": ["-y", "@modelcontextprotocol/server-sqlite", "--db-path", "./data/app.db"]
        }
      }
    }
    

    Advantages of project-level config:

    • Team members can share the config by committing it to Git
    • Different projects can use different MCP services
    • Configuration is more flexible and does not pollute global settings

    Transport modes

    Claude Code supports three transport modes:

    STDIO, local process

    {
      "mcpServers": {
        "local-tool": {
          "command": "npx",
          "args": ["-y", "@modelcontextprotocol/server-filesystem", "/path"]
        }
      }
    }
    

    HTTP, remote service

    {
      "mcpServers": {
        "remote-api": {
          "url": "https://api.example.com/mcp",
          "transport": "http",
          "headers": {
            "Authorization": "Bearer your-token"
          }
        }
      }
    }
    

    SSE, server-sent events

    {
      "mcpServers": {
        "streaming": {
          "url": "https://api.example.com/sse",
          "transport": "sse"
        }
      }
    }
    
    Previous
    Sign in to track progress
    Next