kogiQA MCP Web Browser

resmi

Bu, Claude Code gibi kodlama aracınızın sizin adınıza web sitelerini ziyaret etmesini ve hata tespiti veya UI test senaryoları oluşturmanıza yardımcı olmasını sağlayan bir web tarayıcısıdır.

GitHub

103

Bu MCP'yi deneyinSponsorlu

kogiQA Web Browser MCP ile neler yapabilirsiniz?

Asistanınızdan doğal dil aracılığıyla gerçek bir tarayıcıyı yönetmesini isteyin—seçicilere gerek yok.

Stil sorunlarını hata ayıkla — Asistanın bir sayfayı incelemesini ve bir öğenin neden taştığını veya hizasının bozulduğunu açıklamasını, ardından bir CSS düzeltmesi önermesini sağlayın.
Konsol hatalarını düzelt — Asistandan sayfalar arasında gezinmesini, konsol hatalarını toplamasını ve kaynak kodunuzda düzeltmeler uygulamasını isteyin.
Uygulamanızı haritalayın ve belgeleyin — Asistana iç bağlantıları keşfetmesini ve her sayfanın özelliklerine dair bir Markdown genel bakışı oluşturmasını talimat verin.
Uçtan uca testler oluşturun — Bir akışın mutlu yolunu ve doğrulama hatalarını kapsayan Cypress testleri isteyin.
Keşifsel testler çalıştırın — Asistanın formlarda uç durum girdilerini denemesine izin verin ve bozuk veya tutarsız davranışları rapor etsin.

Dokümantasyon

kogiQA MCP Web Browser

Model Context Protocol (MCP) sunucusu; kogiQA kullanarak tarayıcı otomasyonu yetenekleri sağlar. Bu sunucu, LLM'lerin web sayfalarıyla doğal dil aracılığıyla etkileşime girmesini sağlar; ekran görüntüsü veya görsel tabanlı modellere olan ihtiyacı ortadan kaldırır.

Ne için kullanılır:

Sayfanızdaki stil sorunlarını hata ayıklayın
Konsol hatalarını otomatik olarak düzeltin
Web uygulamanızın işlevselliğini haritalayın ve belgeleyin
Otomatik olarak uçtan uca testler yazın
Uygulamanızın keşifsel testlerini otomatikleştirin

Örnek komut istemlerine bakın Kullanım Örnekleri

kogiQA MCP vs Playwright MCP

kogiQA MCP Sunucusu, kogiQA tarayıcı kontrol algoritmasının yeteneklerini içeren bir tarayıcı sağlar. Bu, aracıların seçici olmadan sayfalarla etkileşime girmesini sağlayarak zaman ve token tasarrufu sağlar.

Kurulum

Otomatik kurulum:

npx kogiqa-mcp@latest

Claude Code

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

VS Code

Doğrudan VS Code'a kurmak için aşağıdaki düğmelerden birine tıklayın:

Alternatif olarak, VS Code CLI üzerinden kurun:

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

Cursor

Alternatif olarak, Cursor Settings → MCP → Add new MCP Server bölümüne gidin ve npx kogiqa-mcp@latest komutunu girin.

Standart yapılandırma

Diğer tüm MCP istemcileri için, MCP yapılandırmanıza aşağıdakileri ekleyin:

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

Kullanım Örnekleri

Sunucu yapılandırıldıktan sonra, aracınızla doğal dilde konuşmanız yeterlidir. kogiQA seçici gerektirmediği için, ne yapılmasını istediğinizi tanımlarsınız — öğeleri nasıl bulacağınızı değil.

Bir kullanıcı akışını duman testi yapın

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

Bir stil sorununu hata ayıklayın

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.

Konsol hatalarını düzeltin

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

Uygulamanızı haritalayın ve belgeleyin

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.

Uçtan uca testler oluşturun

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.

Keşifsel test

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.

Gereksinimler

Node.js 20 veya daha yeni
VS Code, Cursor, Windsurf, Claude Desktop, Goose, Junie veya başka bir MCP istemcisi