The reel showed 5. Here are all 10: what each one does, what it really costs, how to add it, and one prompt to try. At the end there is a single setup prompt for all of them.
claude mcp add commands below. Only add connectors from developers you trust, and never paste API keys into a chat.| # | Connector | What it gives Claude | Cost |
|---|---|---|---|
| 01 | Perplexity | Live web research with sources | Needs a Perplexity API key |
| 02 | Firecrawl | Any website → clean text and data | Free starter credits, then paid plans |
| 03 | PostHog | Errors, funnels and feature flags | Generous free tier |
| 04 | Playwright | Gives Claude a browser | Free |
| 05 | Composio | Hundreds of apps through one connector | Free tier to start; paid plans for heavy use |
| 06 | Context7 | Fresh docs for any library | Free (an optional free API key gives higher limits) |
| 07 | GitHub | Repos, issues and pull requests | Free with your GitHub account |
| 08 | Notion | Your notes and docs | Free with your Notion account |
| 09 | Supabase | Your database, in plain English | Free tier available |
| 10 | Figma | Design → code | Full features need the right Figma plan/seat; check your plan |
Claude searches the web right now and answers with links you can check.
Cost: Needs a Perplexity API key. API usage is paid (pay as you go).
claude mcp add perplexity --env PERPLEXITY_API_KEY=your_key -- npx -y @perplexity-ai/mcp-serverTry:
Research the 3 newest changes to the Instagram algorithm this month. Give sources for every point.
Turns a page into clean markdown or JSON, and its Branding format pulls colours, fonts and logo. Use it to understand a site, not to copy someone's design or content.
Cost: Free starter credits, then paid plans. Needs a Firecrawl API key.
claude mcp add firecrawl --env FIRECRAWL_API_KEY=your_key -- npx -y firecrawl-mcpTry:
Scrape the pricing pages of these 3 competitors and make a comparison table: plan, price, limits.
Claude reads your PostHog data: which errors hit users, where they drop off in a funnel, and it can create feature flags. Code fixes come as pull requests you review. It does not change your site on its own.
Cost: Generous free tier. Needs a PostHog project.
Add it: Add it from Claude → Settings → Connectors → Browse, or follow PostHog's MCP docs.
Try:
Which step of my checkout funnel loses the most users this week, and what errors happened there?
Opens pages, clicks, fills forms and tests your site. Made by Microsoft, open source.
Cost: Free.
claude mcp add playwright -- npx @playwright/mcp@latestTry:
Open localhost:3000/contact, fill the form with test data, submit it and tell me if anything breaks.
One connector for Gmail, Slack, Notion, Calendar, GitHub and many more. You still log in and approve each app once, the first time Claude uses it.
Cost: Free tier to start; paid plans for heavy use.
Add it: Sign up at composio.dev, copy your MCP URL, then Claude → Settings → Connectors → Add custom connector.
Try:
Find unread emails from clients this week and post a summary in my #work Slack channel.
Stops Claude using old code examples: it pulls the current docs for the library you're using.
Cost: Free (an optional free API key gives higher limits).
claude mcp add context7 -- npx -y @upstash/context7-mcpTry:
Build a login page with the latest Next.js version. use context7
Claude reads your code, opens issues, reviews and writes PRs.
Cost: Free with your GitHub account.
Add it: Claude → Settings → Connectors → Browse → GitHub.
Try:
List the open issues in my repo and draft a fix plan for the oldest bug.
Claude searches, reads and writes pages in your Notion workspace.
Cost: Free with your Notion account.
Add it: Claude → Settings → Connectors → Browse → Notion.
Try:
Turn my 'Ideas' page into a 7-day content plan in a new Notion page.
Official Claude connector: create tables, run queries, check logs on your Supabase project. Use a dev project first, not production.
Cost: Free tier available.
Add it: Claude → Settings → Connectors → Browse → Supabase.
Try:
Create a 'leads' table with name, email, source and created_at, and show me the SQL first.
Claude reads frames, colours and components from your Figma file to build matching code.
Cost: Full features need the right Figma plan/seat; check your plan.
Add it: Claude → Settings → Connectors → Browse → Figma (or Figma's MCP docs).
Try:
Build this Figma frame as a responsive HTML page using its exact colours and spacing.
Paste this into Claude Code. It walks you through each connector, asks before installing anything, and keeps your API keys out of the chat.
You are helping me add MCP connectors to Claude Code, one at a time.
The connectors: Perplexity, Firecrawl, PostHog, Playwright, Composio, Context7, GitHub, Notion, Supabase, Figma.
For each one:
1. Tell me in one line what it does and whether it needs an account or API key (and if it's paid).
2. Ask me "add it? yes/no" and skip it if I say no.
3. If it needs a key, tell me exactly where to get it and ask me to set it as an environment variable myself. Never ask me to paste a key into this chat and never print a key.
4. Give me the exact command, run it after I confirm, then run `claude mcp list` to check it connected.
5. If something fails, show me the error and fix it before moving on.
Start with Playwright and Context7 (free, no key), then the rest.