Vibetest Use

Vibetest の使い方

Browser-Use エージェントを使用した自動 QA テストです。

https://github.com/user-attachments/assets/9558d051-78bc-45fd-8694-9ac80eaf9494

複数の Browser-Use エージェントを起動し、バイブコーディングで作成したウェブサイトの UI バグ、リンク切れ、アクセシビリティの問題、その他の技術的な問題をテストする MCP サーバーです。

公開中のウェブサイトと localhost の開発サイトの両方をテストするのに最適です。

ウェブサイトが動作するまで、バイブコーディングとバイブテストを繰り返しましょう。

クイックスタート

# Install dependencies
uv venv
source .venv/bin/activate
uv pip install -e .

# Install the browser
playwright install chromium --with-deps --no-shell

1) Claude Code

# Add MCP server via CLI
claude mcp add vibetest /full/path/to/vibetest-use/.venv/bin/vibetest-mcp -e GOOGLE_API_KEY="your_api_key"

# Test in Claude Code
> claude

> /mcp 
  ⎿  MCP Server Status

     • vibetest: connected

2) Cursor（手動）

1. MCP 設定 UI からインストールします：
   • Cursor の設定を開きます
   • 左側のサイドバーで「MCP」をクリックします
   • 「Add Server」または「+」ボタンをクリックします
   • 設定を手動で編集します：

{
  "mcpServers": {
    "vibetest": {
      "command": "/full/path/to/vibetest-use/.venv/bin/vibetest-mcp",
      "env": {
        "GOOGLE_API_KEY": "your_api_key"
      }
    }
  }
}

基本的なプロンプト

> Vibetest my website with 5 agents: browser-use.com
> Run vibetest on localhost:3000
> Run a headless vibetest on localhost:8080 with 10 agents

指定できるパラメーター

• URL：任意のウェブサイト（https://example.com、localhost:3000、http://dev.mysite.com）
• エージェントの数：3（デフォルト）、5 agents、2 agents。エージェントの数が多いほど、より詳細にテストできます
• ヘッドレスモード：non-headless（デフォルト）またはheadless

要件

• Python 3.11+
• Google API キー（取得はこちら）（gemini-2.0-flash をサポートしています）
• MCP に対応した Cursor/Claude

完全なデモ

https://github.com/user-attachments/assets/6450b5b7-10e5-4019-82a4-6d726dbfbe1f

ライセンス

MIT

---

Browser Use を利用しています