Bu can sıkıcı web sitesi hatalarını Vibetest-use MCP ile yok etmeye hazır mısınız? Browser-Use tarafından desteklenen bu açık kaynaklı mücevher, yapay zeka ajanlarını sitenizi taramak, 404'leri, ölü düğmeleri ve kullanıcı arayüzü (UI) hatalarını bir dakikadan kısa sürede yakalamak için kullanmanıza olanak tanır. Bunu GitHub'da buldum ve otomatik test için tam bir oyun değiştirici. Tek bir komutla, sitenizi—yerel veya canlı—stres testine tabi tutmak için birden fazla ajan çalıştırabilirsiniz. Bu eğitimde, Vibetest-use MCP'yi nasıl kuracağınızı, yerel veya canlı bir sitede testleri nasıl çalıştıracağınızı ve Kalite Güvence (KG) sürecinizi nasıl kolaylaştıracağınızı göstereceğim. Haydi, bu hataları yok edelim!
Neden Vibetest-use MCP Bir KG Süper Kahramanıdır?
Vibetest-use MCP, web sitelerini taramak ve bozuk bağlantılar, yanıt vermeyen düğmeler veya UI hataları gibi sorunları işaretlemek için yapay zeka ajanları konuşlandırarak KG testini otomatikleştiren, Browser-Use destekli bir araçtır. Model Context Protocol (MCP) üzerine kurulmuştur, kapsamlı test sağlamak için tarayıcıları (Chrome, Firefox, vb.) Playwright aracılığıyla kontrol etmek için Browser-Use ile entegre olur. GitHub deposu, canlı siteler (https://example.com
gibi) veya yerel kurulumlar (localhost:3000
gibi) gibi herhangi bir URL'yi, daha derin taramalar için yapılandırılabilir ajan sayılarıyla (örneğin, 3, 5 veya 10) test etme yeteneğini vurgular. Bir geliştirme sitesini bir üretim uygulamasına test etmekten, Vibetest-use MCP KG'yi parkta bir yürüyüş haline getirir.
Vibetest-use MCP'yi Kurmak
Vibetest-use MCP'yi çalıştıralım. Bu, yeni başlayanlar için uygundur ve bunu açık tutacağım!
1. Depoyu Klonlayın ve Sanal Ortamı Kurun:
- Depoyu klonlayın ve bir Python ortamı hazırlayın:
git clone https://github.com/browser-use/vibetest-use.git
cd vibetest-use
uv venv
source .venv/bin/activate # macOS/Linux
.venv\Scripts\activate # Windows
uv pip install -e .
- Bu, bağımlılıkları yükler ve MCP sunucu ortamını kurar.
2. Ortam Değişkenlerinizi Yapılandırın:
- Vibetest-use MCP bazı özellikler için bir Google API anahtarına ihtiyaç duyar. Bunu dışa aktarın veya
.env
'ye ekleyin:
export GOOGLE_API_KEY="your_google_api_key_here"
- Alternatif olarak,
.env
oluşturun:
GOOGLE_API_KEY=your_google_api_key_here
- console.cloud.google.com adresinden bir anahtar alın.
3. MCP Sunucusunu Çalıştırın:
- Sunucuyu başlatın:
.venv/bin/vibetest-mcp
- Bu, test komutlarını kabul etmeye hazır MCP sunucusunu başlatır.

Bunu 10 dakikada kurdum—hızlı ve zahmetsiz!
Vibetest-use MCP için Örnek Kullanım Durumları
Vibetest-use MCP ile test etmeye hazır mısınız? İşte hataları hızlı bir şekilde yakalamanın üç yolu!
1. Canlı Bir Web Sitesini Birden Fazla Ajanla Test Etme:
https://example.com
gibi canlı bir siteyi 6 ajanla test edin:
vibetest my website with 6 agents: https://example.com

- Beş Browser-Code ajanı eş zamanlı olarak taranır, bozuk bağlantıları, UI hatalarını veya erişilebilirlik sorunlarını kontrol eder. Şöyle bir çıktı bekleyin: “404 at /page-not-found, unresponsive button at /submit.”

2. Yerel Bir Geliştirme Sitesini Test Etme:
- Yerel geliştirme sunucunuzu (örneğin,
localhost:3000
) test edin:
run vibetest on localhost:3000
- Bu, bir test sitesinde bulduğum yanlış hizalanmış bir div gibi sorunları erken yakalar!

3. Özel Ajan Sayısıyla Başsız Test:
- CI/CD için, 10 ajanla başsız çalıştırın:
run a headless vibetest on localhost:8080 with 10 agents
- Başsız mod, görünür tarayıcılar olmadan çalışır, sonuçları kaydeder (örneğin,
--output results.json
). Otomatikleştirilmiş boru hatları için mükemmel.
Bu testler her biri 60 saniyeden kısa sürdü—Vibetest-use MCP bir hız canavarı!
Vibetest-use MCP'yi Claude Code Desktop ile Entegre Etme
Vibetest-use MCP testlerini Claude Code Desktop'tan çalıştırmak mı istiyorsunuz? İşte bunu nasıl entegre edeceğiniz.
1. Vibetest MCP Sunucusunu Claude Desktop'a Ekleme:
- Claude CLI'yı kullanın:
claude mcp add vibetest /full/path/to/vibetop-use/.venv/bin/vibetest-mcp -e GOOGLE_API_KEY="your_google_api_key"
- Bu, sunucuyu Claude Desktop'a kaydeder ve Google API anahtarınızı geçirir.
2. Bağlantıyı Doğrulayın:
- Claude Desktop'ı açın ve şunu yazın:
/mcp
vibetest
sunucusunun bağlı olarak göründüğünü kontrol edin.
3. Vibetop Komutlarını Çalıştırın:
- Claude Desktop'ta şunu girin:
Vibetest my website with 5 agents: https://example.com
Run vibetop on localhost:3000
- Claude, komutları MCP sunucusuna iletir ve test sonuçlarını döndürür.
Bir siteyi Claude Desktop aracılığıyla test ettim ve bir form hatasını anında işaretledi—süper şık!
Vibetest-use MCP'yi Cursor ile Kullanma
Cursor'un şık arayüzünü mü tercih ediyorsunuz? İşte Vibetest-use MCP'yi test için nasıl kuracağınız.
1. MCP Sunucusunu Cursor Ayarları UI'si aracılığıyla Ekleme:
- Cursor Ayarları > MCP'yi (sol kenar çubuğu) açın.
- Sunucu Ekle'ye veya "+" düğmesine tıklayın.
- Bu yapılandırmayı ekleyin (yolları ve anahtarı ayarlayın):
{
"mcpServers": {
"vibetest": {
"command": "/full/path/to/vibetop-use/.venv/bin/vibetest-mcp",
"env": {
"GOOGLE_API_KEY": "your_google_api_key"
}
}
}
}
- Gerekirse Cursor'ı kaydedin ve yeniden başlatın.
2. Cursor'da Vibetest Komutlarını Kullanın:
- Cursor'ın sohbet veya komut arayüzünde şunu deneyin:
Vibetest my website with 5 agents: https://example.com
Run vibetest on localhost:3000
Run a headless vibetest on localhost:8080 with 10 agents
- Cursor, sonuçları satır içi göstererek MCP sunucusuyla iletişim kurar.
Cursor'da başsız bir test çalıştırdım ve JSON çıktısı kristal berraklığındaydı—KG cenneti!
İhtiyaçlarınız İçin Vibetest-use MCP'yi Özelleştirme
Vibetest-use MCP'yi ayarlamak mı istiyorsunuz? İşte onu nasıl kendinize göre yapacağınız.
1. Ajan Sayısını Ayarlayın:
- Hızlı taramalar için
--agents 2
veya derinlemesine test için--agents 10
kullanın. Daha fazla ajan daha iyi kapsama alanı anlamına gelir, ancak daha yüksek bellek kullanımı gerektirir.
2. Belirli Özellikleri Hedefleyin:
- Belirli akışları (örneğin, ödeme süreci) test etmek için
prompts.py
'yi düzenleyin:
prompt = "Vibetest with 3 the checkout flow on {website}. Verify cart updates and payment buttons."

- Çalıştırın:
uv run vibetest --url https://shop.com --prompt "Test checkout flow"
3. CI/CD ile Entegre Edin (Ubuntu):
- GitHub Actions'a ekleyin:
name: QA with Vibetest-use
on: [push]
jobs:
test:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- run: |
curl -LsSf https://astral.sh/uv/install.sh | sh
uv venv
source .venv/bin/activate
uv pip install -e .
uv pip install playwright
uv run playwright install chromium
uv run vibetest --url http://localhost:3000 --agents 5 --output results.json
env:
GOOGLE_API_KEY: ${{ secrets.GOOGLE_API_KEY }}
4. Akıllı Özellikler İçin DeepSeek'i Kullanın:
- DeepSeek ile eşleştirin:
uv run vibetest --url https://example.com --llm deepseek-chat
- Karmaşık testler için muhakemeyi geliştirir.
Vibetest-use MCP Özelliklerini Keşfetme
Vibetest-use MCP KG güzellikleriyle dolu. Bunlara göz atın:
- Paralel Test: X'te duyurulduğu gibi <60 saniyelik taramalar için 10+ ajan çalıştırın.
2. Çapraz Tarayıcı Testi: playwright.config.ts
aracılığıyla Firefox/Safari'yi test edin:
{ browserName: 'firefox' }
3. Derin Araştırma Modu: UX analizi için mcp-browser-cli --deep-research
kullanın, Markdown raporları kaydedin.
4. Topluluk: Fikir paylaşmak için Browser-Code'un Discord veya GitHub'una (38 yıldız) katılın.
Bir testte yalnızca Firefox'a özgü bir arıza yakaladım—Vibetest-use MCP bir KG şampiyonu!
Özet: Vibetest-use MCP'yi Ustalaştırın
KG'yi (kalite güvencesi) bir profesyonel gibi otomatikleştirmek için Vibetest-use MCP'yi kullandınız! Kurulumdan canlı siteleri, yerel sunucuları test etmeye ve Claude Desktop veya Cursor ile entegre etmeye kadar, uygulamalarınızı hatasız tutmaya hazırsınız. Daha fazla ajan, DeepSeek veya CI/CD ile denemeler yapın ve API'lerinizi APIdog ile belgelediğinizden emin olun. Vibetest-use MCP zaferlerinizi X veya GitHub'da paylaşın——KG oyununuzun yükseldiğini görmek için sabırsızlanıyorum! 🚀