Sáu món phụ kiện MCP biến Claude Code thành lập trình viên lâu năm

# Playwright MCP: Cài cho Claude Code
# Yêu cầu: Node.js 18 trở lên (gõ `node -v` để kiểm tra)

# Cài cho MỌI dự án trên máy (khuyên dùng):
claude mcp add --scope user playwright -- npx @playwright/mcp@latest

# Windows (không dùng WSL) thì thêm "cmd /c" phía trước npx:
claude mcp add --scope user playwright -- cmd /c npx @playwright/mcp@latest

# Kiểm tra đã cài chưa:
claude mcp list

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

Dùng Playwright mở http://localhost:3000, đăng nhập bằng tài khoản [email protected] / 123456,
vào trang Giỏ hàng, thêm 2 sản phẩm bất kỳ rồi bấm Thanh toán.
Ghi lại bước nào bị lỗi, chụp màn hình chỗ lỗi và đề xuất cách sửa trong code.

---

Mở trang chủ của mình ở khung màn hình điện thoại (390x844), kiểm tra xem
có chữ nào bị tràn, nút nào bị che không. Liệt kê từng lỗi kèm vị trí.

claude mcp add --scope user playwright -- npx @playwright/mcp@latest

Xem cây thư mục ~/Projects/shop, tìm tất cả chỗ đang gọi hàm formatPrice cũ,
đổi sang formatCurrency và liệt kê các file đã sửa.

Sắp xếp thư mục ~/Documents/tai-lieu: Gom file PDF vào thư mục pdf/, ảnh vào images/,
KHÔNG xoá file nào, làm xong báo lại danh sách đã di chuyển.

# Filesystem MCP: Cài cho Claude Code
# Yêu cầu: Node.js 18 trở lên
# Thay ~/Projects bằng thư mục bạn CHO PHÉP Claude đụng vào (có thể liệt kê nhiều thư mục)

claude mcp add --scope user filesystem -- npx -y @modelcontextprotocol/server-filesystem ~/Projects

# Ví dụ cho phép 2 thư mục:
claude mcp add --scope user filesystem -- npx -y @modelcontextprotocol/server-filesystem ~/Projects ~/Documents/tai-lieu

# Windows (không dùng WSL):
claude mcp add --scope user filesystem -- cmd /c npx -y @modelcontextprotocol/server-filesystem C:\Users\TEN_BAN\Projects

claude mcp list

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/Users/ten-ban/Projects",
        "/duong/dan/thu-muc-khac-duoc-phep"
      ]
    }
  }
}

Xem cấu trúc database, vẽ giúp mình sơ đồ quan hệ giữa các bảng orders, users, products.

Doanh thu 30 ngày qua theo từng danh mục sản phẩm là bao nhiêu? Cho mình cả câu SQL đã dùng.

Trang /orders tải rất chậm. Tìm query chậm nhất liên quan tới bảng orders và đề xuất index.

# Postgres MCP Pro: Cài cho Claude Code
# Yêu cầu: Đã cài uv (có lệnh uvx). Cài uv:
#   macOS/Linux:  curl -LsSf https://astral.sh/uv/install.sh | sh
#   Windows:      powershell -ExecutionPolicy ByPass -c "irm https://astral.sh/uv/install.ps1 | iex"

# Thay chuỗi kết nối bằng database CỦA BẠN.
# --access-mode=restricted = chỉ ĐỌC (an toàn, khuyên dùng khi mới bắt đầu)
claude mcp add postgres --env DATABASE_URI=postgresql://username:password@localhost:5432/dbname -- uvx postgres-mcp --access-mode=restricted

# Database dev/test, muốn cho Claude sửa dữ liệu luôn:
claude mcp add postgres --env DATABASE_URI=postgresql://username:password@localhost:5432/dbname -- uvx postgres-mcp --access-mode=unrestricted

# Cách khác không cần uv: Chạy bằng Docker:
claude mcp add postgres --env DATABASE_URI=postgresql://username:[email protected]:5432/dbname -- docker run -i --rm -e DATABASE_URI crystaldba/postgres-mcp --access-mode=restricted

claude mcp list

{
  "mcpServers": {
    "postgres": {
      "command": "uvx",
      "args": [
        "postgres-mcp",
        "--access-mode=restricted"
      ],
      "env": {
        "DATABASE_URI": "postgresql://username:password@localhost:5432/dbname"
      }
    }
  }
}

Liệt kê các issue đang mở có nhãn "bug" trong repo này, xếp theo mức độ nghiêm trọng.

Sửa issue #42, tạo nhánh mới, commit và mở Pull Request kèm mô tả rõ ràng.

Review PR #57: Chỉ ra lỗi logic, chỗ thiếu test và vấn đề bảo mật nếu có.

Vì sao lần chạy GitHub Actions gần nhất bị fail? Đề xuất cách sửa.

# GitHub MCP Server (chính thức của GitHub): Cài cho Claude Code
# Bước 1: Tạo Personal Access Token (PAT) tại
#   https://github.com/settings/personal-access-tokens
#   Chỉ tick những quyền bạn thấy yên tâm cho AI dùng.
# Bước 2: Thay YOUR_GITHUB_PAT bằng token vừa tạo rồi chạy:

claude mcp add-json --scope user github '{"type":"http","url":"https://api.githubcopilot.com/mcp","headers":{"Authorization":"Bearer YOUR_GITHUB_PAT"}}'

# Cách khác: Chạy trên máy bằng Docker
claude mcp add github -e GITHUB_PERSONAL_ACCESS_TOKEN=YOUR_GITHUB_PAT -- docker run -i --rm -e GITHUB_PERSONAL_ACCESS_TOKEN ghcr.io/github/github-mcp-server

# Muốn Claude chỉ ĐỌC, không được tạo/sửa gì:
#   Bản online: Đổi URL thành https://api.githubcopilot.com/mcp/readonly
claude mcp add-json --scope user github '{"type":"http","url":"https://api.githubcopilot.com/mcp/readonly","headers":{"Authorization":"Bearer YOUR_GITHUB_PAT"}}'
#   Bản Docker: Thêm -e GITHUB_READ_ONLY=1
claude mcp add github -e GITHUB_PERSONAL_ACCESS_TOKEN=YOUR_GITHUB_PAT -e GITHUB_READ_ONLY=1 -- docker run -i --rm -e GITHUB_PERSONAL_ACCESS_TOKEN -e GITHUB_READ_ONLY ghcr.io/github/github-mcp-server

claude mcp list

{
  "mcpServers": {
    "github": {
      "type": "http",
      "url": "https://api.githubcopilot.com/mcp",
      "headers": {
        "Authorization": "Bearer ${GITHUB_PAT}"
      }
    }
  }
}

claude mcp add --scope user --header "Authorization: Bearer YOUR_API_KEY" --transport http context7 https://mcp.context7.com/mcp

Tạo middleware Next.js kiểm tra đăng nhập bằng cookie JWT, chuyển hướng về /login nếu chưa đăng nhập. use context7

Viết hàm đăng ký người dùng bằng Supabase Auth. use library /supabase/supabase for API and docs.

# Context7 MCP: Cài cho Claude Code
# Lấy API key miễn phí (tăng giới hạn lượt dùng) tại https://context7.com/dashboard

# Cách 1: Nhanh nhất, trình cài tự lo mọi thứ:
npx ctx7 setup --claude

# Cách 2: Server online (thay YOUR_API_KEY):
claude mcp add --scope user --header "Authorization: Bearer YOUR_API_KEY" --transport http context7 https://mcp.context7.com/mcp

# Cách 3: Chạy trên máy:
claude mcp add --scope user context7 -- npx -y @upstash/context7-mcp --api-key YOUR_API_KEY

claude mcp list

{
  "mcpServers": {
    "context7": {
      "type": "http",
      "url": "https://mcp.context7.com/mcp",
      "headers": {
        "Authorization": "Bearer ${CONTEXT7_API_KEY}"
      }
    }
  }
}

claude mcp add --scope user sequential-thinking -- npx -y @modelcontextprotocol/server-sequential-thinking

Dùng sequential thinking để tìm nguyên nhân: Thỉnh thoảng người dùng bị đăng xuất
ngẫu nhiên sau khi thanh toán. Liệt kê giả thuyết, kiểm tra từng cái trong code rồi mới kết luận.

Dùng sequential thinking để thiết kế lại cách lưu giỏ hàng cho 100.000 người dùng cùng lúc.
So sánh ít nhất 2 phương án trước khi chọn.

# Sequential Thinking MCP: Cài cho Claude Code
# Yêu cầu: Node.js 18 trở lên

claude mcp add --scope user sequential-thinking -- npx -y @modelcontextprotocol/server-sequential-thinking

# Windows (không dùng WSL):
claude mcp add --scope user sequential-thinking -- cmd /c npx -y @modelcontextprotocol/server-sequential-thinking

# Muốn tắt phần in log suy nghĩ ra màn hình:
claude mcp add --scope user sequential-thinking -e DISABLE_THOUGHT_LOGGING=true -- npx -y @modelcontextprotocol/server-sequential-thinking

claude mcp list

{
  "mcpServers": {
    "sequential-thinking": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-sequential-thinking"
      ]
    }
  }
}

# ============================================================
# 6 MCP "độ" Claude Code: Cường Mê AI
# Mở Terminal, dán TỪNG DÒNG (bỏ các dòng bắt đầu bằng #)
# Yêu cầu: Node.js 18+ ; uv (cho Postgres) ; token GitHub ; API key Context7
# ============================================================

# 1) Playwright: Cho Claude một trình duyệt riêng
claude mcp add --scope user playwright -- npx @playwright/mcp@latest

# 2) Filesystem: Thay ~/Projects bằng thư mục bạn cho phép
claude mcp add --scope user filesystem -- npx -y @modelcontextprotocol/server-filesystem ~/Projects

# 3) Postgres: Thay chuỗi kết nối; restricted = chỉ đọc
claude mcp add postgres --env DATABASE_URI=postgresql://username:password@localhost:5432/dbname -- uvx postgres-mcp --access-mode=restricted

# 4) GitHub: Thay YOUR_GITHUB_PAT
claude mcp add-json --scope user github '{"type":"http","url":"https://api.githubcopilot.com/mcp","headers":{"Authorization":"Bearer YOUR_GITHUB_PAT"}}'

# 5) Context7: Thay YOUR_API_KEY
claude mcp add --scope user --header "Authorization: Bearer YOUR_API_KEY" --transport http context7 https://mcp.context7.com/mcp

# 6) Sequential Thinking
claude mcp add --scope user sequential-thinking -- npx -y @modelcontextprotocol/server-sequential-thinking

# Kiểm tra
claude mcp list

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    },
    "filesystem": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-filesystem", "."]
    },
    "postgres": {
      "command": "uvx",
      "args": ["postgres-mcp", "--access-mode=restricted"],
      "env": {
        "DATABASE_URI": "${DATABASE_URI}"
      }
    },
    "github": {
      "type": "http",
      "url": "https://api.githubcopilot.com/mcp",
      "headers": {
        "Authorization": "Bearer ${GITHUB_PAT}"
      }
    },
    "context7": {
      "type": "http",
      "url": "https://mcp.context7.com/mcp",
      "headers": {
        "Authorization": "Bearer ${CONTEXT7_API_KEY}"
      }
    },
    "sequential-thinking": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-sequential-thinking"]
    }
  }
}