Claude Code Tutorial 7 - MCP Servers

title: "Claude Code Tutorial #7 - MCP Servers"
Youtube_Thumbnail: https://img.youtube.com/vi/X7lgIa6guKg/hqdefault.jpg
sources:
  - https://www.youtube.com/watch?v=X7lgIa6guKg&list=PL4cUxeGkcC9g4YJeBqChhFJwKQ9TRiivY&index=7
media_link: https://www.youtube.com/watch?v=X7lgIa6guKg&list=PL4cUxeGkcC9g4YJeBqChhFJwKQ9TRiivY&index=7
Authors: "[[Net Ninja]]"
contentPublished: 2025-08-29
noteCreated: 2025-12-13
description: In this course, you'll learn how to harness the power of Claude Code within your development workflow, including how to install, setup a new project, add con...
tags:
  - clippings
  - video
takeaways:
subjects:
  - "[[Claude Code]]"
  - "[[Model Context Protocol|MCP]]"
Status: ✅ Read

Description

In this course, you'll learn how to harness the power of Claude Code within your development workflow, including how to install, setup a new project, add con...

Notes

00:00 Introduction to MCP and MCP Servers

Claude has built-in tools for working within a codebase (file changes, bash commands)
These tools don't extend to external data sources, APIs, or third-party services
MCP (Model Context Protocol) solves this limitation by enabling Claude to interact with external systems

00:41 What is MCP?

00:41 Definition: Model Context Protocol, designed by Anthropic
- Defines how AI models interact with external sources
- Works by providing additional tools and context through MCP servers
01:03 MCP servers act as plugins that connect Claude to external data sources

01:15 Examples of MCP Servers

Supabase MCP Server: List tables, deploy edge functions, execute SQL commands
- Enables Claude to query databases and return table formats
Playwright MCP Server: Open browsers, navigate pages, inspect elements, take screenshots
Context 7 MCP Server: Provides up-to-date documentation from frameworks and libraries

02:51 How to Add MCP Servers

Docs: Connect to local MCP servers - Model Context Protocol

03:02 Installation methods: Local or remote connections
- Command format: claude mcp add [server-name] -- [command]
03:12 Windows-specific requirements
- Add cmd /c prefix for Windows to properly execute npx commands

04:48 MCP Server Scope Options

Project scope: Configuration in version control; all project members can use MCPs
Local scope: Only you can use the MCP on this project (default)
Global scope: Available for any project on your computer
Add scope with flag: --scope project

04:29 Installing Context 7 Server

04:39 Copy command from GitHub documentation
05:43 Windows workaround
- Remove -y flag initially, then manually add it to mcp.json arguments array
- Creates mcp.json file in project root with server configuration
07:41 If local connection fails, use remote HTTP connection instead

08:41 Using Context 7

09:25 Example: Ask Claude to check latest Tailwind documentation for configuration validation
- Explicitly mention "use Context 7" in prompts to trigger the MCP
- Claude requests permission to use tools before executing
10:31 Best practice: Add memory instruction to use Context 7 for any third-party framework documentation needs
- Prevents Claude from using legacy/outdated training data

11:21 Installing Playwright Server

11:32 Copy command from Playwright MCP documentation
- Add --scope project flag for project-level installation
- Add cmd /c for Windows (unlike Context 7, no need to adjust -y flag)
Creates additional server entry in mcp.json with standard in/out type

12:27 Using Playwright

12:45 Example: Navigate to website and provide summary
- Claude opens browser via Playwright on your behalf
- Provides extracted information about the site
13:29 Use case for next lesson: Get UX feedback on components by having Playwright view them in browser

Claude Code Tutorial 7 - MCP Servers

Interactive graph

On this page

Description

Notes

00:00 Introduction to MCP and MCP Servers

00:41 What is MCP?

01:15 Examples of MCP Servers

02:51 How to Add MCP Servers

04:48 MCP Server Scope Options

04:29 Installing Context 7 Server

08:41 Using Context 7

11:21 Installing Playwright Server

12:27 Using Playwright