kogiQA MCP Web Browser

kogiQA MCP Web Browser

Một máy chủ Model Context Protocol (MCP) cung cấp khả năng tự động hóa trình duyệt bằng kogiQA. Máy chủ này cho phép các LLM tương tác với trang web thông qua ngôn ngữ tự nhiên, không cần đến ảnh chụp màn hình hay các mô hình được tinh chỉnh theo thị giác.

Dùng để làm gì:

• Gỡ lỗi các vấn đề về kiểu dáng trên trang của bạn
• Tự động sửa lỗi console.
• Lập bản đồ và ghi lại chức năng của ứng dụng web của bạn
• Tự động viết bài kiểm tra end-to-end
• Tự động hóa kiểm thử khám phá ứng dụng của bạn

Xem các ví dụ về lời nhắc Ví dụ sử dụng

kogiQA MCP so với Playwright MCP

Máy chủ kogiQA MCP cung cấp một trình duyệt tích hợp các khả năng của thuật toán điều khiển trình duyệt kogiQA. Điều này cho phép các agent tương tác với trang mà không cần selector, tiết kiệm thời gian và token.

Cài đặt

Cài đặt tự động:

npx kogiqa-mcp@latest

Claude Code

claude mcp add kogiqa-browser npx kogiqa-mcp@latest

VS Code

Nhấp vào một trong các nút bên dưới để cài đặt trực tiếp trong VS Code:

Ngoài ra, cài đặt qua CLI của VS Code:

code --add-mcp '{"name":"kogiqa-browser","command":"npx","args":["kogiqa-mcp@latest"]}'

Cursor

Ngoài ra, đi tới Cursor Settings → MCP → Add new MCP Server và nhập lệnh npx kogiqa-mcp@latest.

Cấu hình tiêu chuẩn

Đối với bất kỳ máy khách MCP nào khác, hãy thêm nội dung sau vào cấu hình MCP của bạn:

{
  "mcpServers": {
    "kogiqa-browser": {
      "command": "npx",
      "args": [
        "kogiqa-mcp@latest"
      ]
    }
  }
}

Ví dụ sử dụng

Sau khi máy chủ được cấu hình, chỉ cần trò chuyện với agent của bạn bằng ngôn ngữ tự nhiên. Vì kogiQA không cần selector, bạn mô tả điều bạn muốn thực hiện — chứ không phải cách tìm các phần tử.

Kiểm tra nhanh (smoke test) một luồng người dùng

Open http://localhost:3000, log in with the demo credentials, add the first product to the cart, and verify that the cart badge shows "1".

Gỡ lỗi vấn đề về kiểu dáng

Go to https://myapp.example.com/pricing and check why the "Pro" plan card overflows its container on a 1280px-wide viewport. Suggest a CSS fix.

Sửa lỗi console

Navigate to http://localhost:5173, open every page linked from the main menu, collect all console errors, and fix them in the source code.

Lập bản đồ và ghi lại ứng dụng của bạn

Explore https://staging.example.com, follow all internal links up to two levels deep, and produce a Markdown document describing each page and its main features.

Tạo bài kiểm tra end-to-end

Walk through the sign-up flow at http://localhost:3000/signup and write Cypress end-to-end tests covering the happy path and validation errors.

Kiểm thử khám phá

Do 10 minutes of exploratory testing on http://localhost:8080: try edge-case inputs in every form you find and report anything that looks broken or inconsistent.

Yêu cầu

• Node.js 20 trở lên
• VS Code, Cursor, Windsurf, Claude Desktop, Goose, Junie hoặc một máy khách MCP khác