kogiQA MCP Web Browser

resmi

Ini adalah peramban web yang memungkinkan agen pengkodean Anda, seperti Claude Code, untuk mengunjungi situs web atas nama Anda dan membantu Anda mengidentifikasi bug atau membuat kasus uji UI.

GitHub
144

Apa yang bisa Anda lakukan dengan Kogi QA Web Browser MCP?

  • Debug style issues — Minta agen untuk memeriksa halaman pada lebar viewport tertentu, mengidentifikasi masalah tata letak, dan menyarankan perbaikan CSS.
  • Fix console errors automatically — Minta agen untuk menavigasi semua halaman yang ditautkan dari menu, mengumpulkan error konsol, dan menerapkan perbaikan pada kode sumber.
  • Map and document web app functionality — Instruksikan agen untuk merayapi tautan internal hingga kedalaman tertentu dan menghasilkan dokumen Markdown yang menjelaskan setiap halaman beserta fiturnya.
  • Generate end-to-end tests — Jelaskan alur pengguna (misalnya, pendaftaran) dan minta agen untuk menjalankannya serta menghasilkan tes Cypress yang mencakup jalur sukses dan error validasi.
  • Perform exploratory testing — Minta pengujian eksplorasi dengan batasan waktu menggunakan input kasus tepi pada setiap formulir, beserta laporan tentang apa pun yang rusak atau tidak konsisten.

Dokumentasi

kogiQA MCP Web Browser

Server Model Context Protocol (MCP) yang menyediakan kemampuan otomatisasi peramban menggunakan kogiQA. Server ini memungkinkan LLM untuk berinteraksi dengan halaman web melalui bahasa alami, tanpa memerlukan tangkapan layar atau model yang disetel secara visual.

Untuk apa digunakan:

  • Men-debug masalah gaya pada halaman Anda
  • Memperbaiki kesalahan konsol secara otomatis.
  • Memetakan dan mendokumentasikan fungsionalitas aplikasi web Anda
  • Menulis pengujian end-to-end secara otomatis
  • Mengotomatiskan pengujian eksplorasi aplikasi Anda

Lihat contoh prompt Contoh Penggunaan

kogiQA MCP vs Playwright MCP

Server kogiQA MCP menyediakan peramban yang menggabungkan kemampuan algoritma kontrol peramban kogiQA. Ini memungkinkan agen untuk berinteraksi dengan halaman tanpa pemilih, menghemat waktu dan token.

Instalasi

Instalasi otomatis:

npx kogiqa-mcp@latest

Claude Code

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

VS Code

Klik salah satu tombol di bawah ini untuk menginstal langsung di vs code:

Install in VS Code Install in VS Code Insiders

Atau, instal melalui CLI VS Code:

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

Cursor

Install in Cursor

Atau, buka Cursor Settings → MCP → Add new MCP Server dan masukkan perintahnpx kogiqa-mcp@latest.

Konfigurasi standar

Untuk klien MCP lainnya, tambahkan yang berikut ke konfigurasi MCP Anda:

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

Contoh Penggunaan

Setelah server dikonfigurasi, cukup bicaralah dengan agen Anda dalam bahasa alami. Karena kogiQA bebas pemilih, Anda menjelaskan apa yang ingin dilakukan — bukan bagaimana menemukan elemennya.

Uji asap alur pengguna

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".

Debug masalah gaya

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.

Perbaiki kesalahan konsol

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

Petakan dan dokumentasikan aplikasi Anda

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.

Hasilkan pengujian 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.

Pengujian eksplorasi

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.

Persyaratan

  • Node.js 20 atau lebih baru
  • VS Code, Cursor, Windsurf, Claude Desktop, Goose, Junie atau klien MCP lainnya