Simple explanation
Up until now Claude Code has been working alone — reading and writing files on your computer. Today it gets connected to the outside world. --- The phone analogy. Imagine Claude Code is a very smart assistant sitting in a room with no phone, no internet, and no way to talk to anyone outside. It can read every paper in the room. It can write new papers. It can organise them perfectly. But it cannot call anyone, check your calendar, or look something up online. MCP is the phone system. Once you connect MCP — your assistant can call GitHub and create a pull request. It can call your database and read your subscriber list. It can call Google Drive and read your documents. It can call Stripe and check your payments. MCP stands for Model Context Protocol. You never need to remember that. Just remember — MCP is the phone that connects Claude Code to everything else. --- What can MCP connect to? There are over 400 MCP connections available right now. Here are the most useful ones for non-developers building websites and apps: GitHub MCP Claude Code can create branches, commit code, open pull requests, and manage your repository — all from inside a Claude Code session. Without copy-pasting anything. Google Drive MCP Claude Code can read documents from your Google Drive and use them as content for your site. Write your lesson content in Google Docs — Claude Code publishes it automatically. Supabase MCP Claude Code can read and write directly to your database. Check your subscriber list. Add test data. Fix database problems — all in plain English. Resend MCP Claude Code can check your email delivery reports and diagnose why emails are not arriving. Browser/Playwright MCP Claude Code can open a real browser, visit your live website, click around, and report what it finds — exactly like a real visitor would. --- How to add an MCP connection. The command format is simple: claude mcp add [name-of-connection] To add GitHub: claude mcp add github To add Supabase: claude mcp add supabase Or ask Claude Code to walk you through it: "I want to connect Claude Code to my Supabase database using MCP. Walk me through the exact steps in plain English." Claude Code will give you the exact steps for your specific setup. --- The most useful MCP for this site right now. The single most valuable MCP connection is GitHub. Right now — when Claude Code finishes building something you have to manually go to GitHub Desktop, create a commit, and push. With GitHub MCP — Claude Code can do all of that itself. "Build this feature and commit it to GitHub with the message 'Added FAQ section to homepage'" — becomes one instruction that does everything. --- One important safety rule. Only connect MCP servers from trusted sources. The official ones — GitHub, Supabase, Google Drive, Stripe — are safe. They are built and maintained by the companies themselves. Be careful with random MCP servers from unknown sources. An MCP connection gives Claude Code access to that external system — so only connect things you actually trust. When in doubt, ask: "Is this MCP server from an official trusted source?"
What to do
Open Claude Code. Ask it: "What MCP connections do I currently have set up?" Then ask it to walk you through connecting GitHub MCP: "Walk me through connecting the GitHub MCP in plain English — step by step." Follow the steps. Once connected — ask Claude Code to check what branch you are currently on using GitHub MCP. You have just connected Claude Code to the outside world for the first time.
Copy-paste prompt
What MCP connections do I currently have set up? List them and explain what each one does in plain English. Then walk me through connecting the GitHub MCP step by step — I want Claude Code to be able to commit and push to GitHub directly.
Course note
Key takeaway
MCP is the phone that connects Claude Code to the outside world. GitHub MCP is the most valuable connection for non-developers — it lets Claude Code commit, push, and manage your repository without you switching apps. Set it up once and it works in every future session.