Kontrol browser dalam editor untuk agen AI di dalam VS Code
vscode-integrated-browser-mcp, oleh Thimo (Thimo Koerner), adalah server Model Context Protocol (MCP) yang memberikan akses terkontrol kepada asisten AI eksternal ke browser bawaan Visual Studio Code. Alat ini memungkinkan agen AI untuk menavigasi halaman, berinteraksi dengan elemen UI, menangkap tangkapan layar, dan menjalankan JavaScript di dalam sesi editor. Ini mengekspos sesi langsung editor ke MCP dan API HTTP, ditujukan untuk pengembang dan insinyur QA yang membutuhkan pemeriksaan yang didorong oleh AI terhadap server dev lokal dan dokumentasi tanpa meninggalkan IDE.
Jenis keluaran apa yang dihasilkan alat untuk pemeriksaan yang dipandu agen?
Alat ini menghasilkan beberapa keluaran konkret yang dapat dibaca mesin yang mendukung tugas validasi. Pengambilan tangkapan layar menyediakan snapshot visual yang dapat dirujuk model untuk pemeriksaan tingkat piksel. Akses DOM mengembalikan struktur node dan atribut untuk verifikasi berbasis pemilih. Evaluasi JavaScript mengeksekusi kode dalam konteks halaman dan mengembalikan hasil atau log konsol, yang dapat digunakan agen untuk mengonfirmasi status UI dinamis selama inspeksi otomatis.
Bagaimana cara menangani komunikasi lokal yang aman dengan agen?
Komunikasi tetap lokal berdasarkan desain: implementasi menggunakan opsi transportasi lokal seperti soket unix atau pipa bernama untuk koneksi agen, dan mengekspos API HTTP lokal dan endpoint MCP untuk klien. Alat ini juga beroperasi terhadap sesi aktif editor, sehingga cookie yang terautentikasi dan server pengembangan localhost tetap tersedia untuk agen. Interaksi dengan tab berbasis Chromium menggunakan Protokol Chrome DevTools untuk eksekusi perintah.
Apakah integrasi dan instalasi mudah untuk alur kerja pengembang?
Instalasi terintegrasi dengan alur kerja ekstensi VS Code standar, tersedia dari Marketplace sebagai thimo.integrated-browser-mcp atau melalui perintah instalasi baris perintah. Alat ini memerlukan host yang kompatibel dengan MCP, misalnya Claude Desktop atau Claude Code, dan mendukung Windows, macOS, dan build VS Code Linux. Untuk pengguna Claude Code, pengembang menyediakan pengaturan tanpa konfigurasi, mengurangi pengkabelan awal untuk pengaturan agen umum.
Opsi yang ditargetkan untuk pengembang dan QA yang membutuhkan otomatisasi di dalam editor
Dikenal dalam komunitas MCP sebagai solusi yang berbeda, alat ini cocok untuk tim yang menjalankan server lokal dan membutuhkan interaksi yang didorong oleh AI di dalam editor mereka. Harapkan otomatisasi untuk bertindak pada sesi aktif Anda, jadi tinjau perubahan yang didorong oleh agen di IDE sebelum menerapkannya ke kontrol sumber. Desainnya mendukung alur kerja yang bergantung pada sesi yang terautentikasi dan konteks DevTools daripada instance browser terpisah.
