From zero to AI hero
Superpowers PackGet superpowers
From zero to AI hero

Must-haves for…

Start in 10 minutes

Plain-word guides and superpowers for Claude Code, Codex and Gemini.

Free Free catalog: tested by us, made by others

Connectors (MCP servers)

Connectors give your assistant new senses: your files, the web, your tools. A connector links it to another program or service, such as a web browser or GitHub. Connectors use an open standard called MCP, so you will also see them called MCP servers. Some need an account or a key; each page says so.

Skills, Agents and Connectors Explained

Start here: connectors for web developers

Our must-haves, most useful first. Install the first one, try it, then add more.

Start with this one

  1. RecommendedconnectorPartly tested (needs an account)

    Control a browser

    Playwright MCP

    Lets your assistant open web pages and click and type like you do.

    Test: installs cleanly; its main features need an account we did not use. Not yet used on real work.

    Good forWeb developers, Build an app, Daily work and researchWatch outIt controls a real browser and can open any web address, fill forms and click buttons. Do not point it at pages where a click can cost money or send messages.

    For Claude Code Also works with Codex CLI and Gemini CLI — see all steps
    Paste this in the terminal
    claude mcp add playwright npx @playwright/mcp@latest
    Other ways to install, and how we tested it

  1. Current docs for code libraries

    Context7

    Gives your assistant the current docs for code libraries, so it stops using old commands.

    RecommendedconnectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    npx ctx7 setup

    For any assistant. All steps and how we tested it

  2. Check your site in Chrome

    Chrome DevTools MCP

    Lets your assistant open your site in Chrome, read its errors and check its speed.

    connectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

    For Claude Code. All steps and how we tested it

  3. Work with your GitHub projects

    GitHub MCP Server

    Lets your assistant work with your GitHub projects, issues and pull requests.

    connectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    claude mcp add github -e GITHUB_PERSONAL_ACCESS_TOKEN=$GITHUB_PAT -- docker run -i --rm -e GITHUB_PERSONAL_ACCESS_TOKEN ghcr.io/github/github-mcp-server

    For Claude Code. All steps and how we tested it

5 connectors match your filters

5 connectors match your filters.

  • Control a browser

    Playwright MCP

    Lets your assistant open web pages and click and type like you do.

    RecommendedconnectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    claude mcp add playwright npx @playwright/mcp@latest

    For Claude Code. All steps and how we tested it

  • Current docs for code libraries

    Context7

    Gives your assistant the current docs for code libraries, so it stops using old commands.

    RecommendedconnectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    npx ctx7 setup

    For any assistant. All steps and how we tested it

  • Check your site in Chrome

    Chrome DevTools MCP

    Lets your assistant open your site in Chrome, read its errors and check its speed.

    connectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

    For Claude Code. All steps and how we tested it

  • Work with your GitHub projects

    GitHub MCP Server

    Lets your assistant work with your GitHub projects, issues and pull requests.

    connectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    claude mcp add github -e GITHUB_PERSONAL_ACCESS_TOKEN=$GITHUB_PAT -- docker run -i --rm -e GITHUB_PERSONAL_ACCESS_TOKEN ghcr.io/github/github-mcp-server

    For Claude Code. All steps and how we tested it

  • Look up Cloudflare docs

    Cloudflare MCP servers

    Lets your assistant look up Cloudflare’s own docs instead of guessing.

    connectorPartly tested (needs an account)
    Install line
    Paste this in the terminal
    claude mcp add --transport http cloudflare-docs https://docs.mcp.cloudflare.com/mcp

    For Claude Code. All steps and how we tested it

Every must-have for web developers: skills, agents and connectors