1
#5 GitHub MCP Server (by GitHub)
Read repos, open issues, review pull requests and manage workflows in plain English. Needs a GitHub personal access token.
claude mcp add --transport http github https://api.githubcopilot.com/mcp -H "Authorization: Bearer YOUR_GITHUB_PAT"
2
#4 Google Stitch
Google’s AI design tool: describe a screen, get the design, pull it into code. Create a free API key in Stitch settings first.
claude mcp add stitch --transport http https://stitch.googleapis.com/mcp --header "X-Goog-Api-Key: YOUR_KEY"
3
#3 Playwright MCP (by Microsoft)
Gives Claude a real browser: open sites, click, fill forms and test your app like a user.
claude mcp add playwright npx @playwright/mcp@latest
4
#2 Chrome DevTools MCP (by the Chrome team)
Lets Claude debug a live Chrome: console errors, network requests and performance.
claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
5
#1 Context7 (by Upstash)
Feeds Claude up-to-date, version-specific docs so the code it writes actually works. The setup command creates a free key for higher limits.
npx ctx7 setup --claude
Check what’s installed any time with claude mcp list. Start with two, the ones you’ll use daily, and add more later.
📄 Get the PDF guide
Enter your email and download the printable version. You’ll also get new guides when they come out. Unsubscribe anytime.
We only use your email for AI_Kwat guides. No spam.