Browser MCP: Teknologi otomatisasi browser dengan Cursor, Claude, dan VS Code

• Alat yang memungkinkan aplikasi AI terhubung ke browser melalui MCP untuk mengotomatiskan tugas di situs web
  • Misalnya, mengotomatiskan tugas mengisi formulir secara berulang di situs web
• Otomatisasi alur kerja: Meningkatkan efisiensi dengan mempercepat dan mengotomatiskan pekerjaan
• Pengujian otomatis: Menggunakan editor AI untuk menjalankan pengujian end-to-end pada kode secara otomatis. Menguji alur pengguna, memverifikasi elemen UI, dan memastikan aplikasi bekerja sesuai harapan dalam berbagai skenario
• Otomatisasi tugas: Mengotomatiskan dengan mudah tugas web berulang seperti pengumpulan data, pengisian formulir, dan otomatisasi alur kerja untuk menghemat waktu dan mengurangi kesalahan

Keunggulan Browser MCP

• Kecepatan: Otomatisasi berjalan secara lokal sehingga performa meningkat tanpa latensi jaringan.
• Privasi: Karena otomatisasi berjalan secara lokal, aktivitas browser tetap berada di perangkat dan tidak dikirim ke server jarak jauh.
• Mempertahankan login: Menggunakan profil browser yang ada untuk menjaga status login di semua layanan.
• Tersembunyi: Menggunakan sidik jari browser asli untuk menghindari deteksi bot dan CAPTCHA.

Cara menggunakan

1. Instal ekstensi Browser MCP: Tambahkan ekstensi Browser MCP ke browser.
2. Atur server MCP: Tambahkan server Browser MCP ke aplikasi AI agar terhubung dengan ekstensi browser.
3. Mulai otomatisasi: Buat alur kerja otomatis dan biarkan asisten AI menangani tugas berulang di browser.

Alat fitur otomatisasi browser

• Navigasi: Pindah ke URL
• Kembali: Pindah ke halaman sebelumnya
• Maju: Pindah ke halaman berikutnya
• Tunggu: Menunggu selama waktu tertentu (detik)
• Tekan tombol: Menekan tombol di keyboard
• Snapshot: Mengambil snapshot aksesibilitas dari halaman saat ini
• Klik: Melakukan klik di halaman web
• Drag and drop: Melakukan drag and drop antara dua elemen
• Hover: Mengarahkan mouse ke elemen di halaman
• Masukkan teks: Memasukkan teks ke elemen yang dapat diedit
• Pilih opsi: Memilih opsi dari dropdown
• Ambil log konsol: Mengambil log konsol browser

Aplikasi AI MCP yang kompatibel

• Cursor
• Claude
• Windsurf
• VSCode

[GN⁺]

Komentar Hacker News

• Situs web tersebut mengklaim "menggunakan sidik jari browser nyata untuk menghindari deteksi bot dan CAPTCHA"

  • Saya pernah mencoba sistem serupa, tetapi saat AI mengendalikan browser, CAPTCHA muncul dan saya diblokir di beberapa situs web
  • Setelah berhenti menggunakan sesi browser, pemblokiran dicabut, tetapi pendekatan seperti ini bukan solusi sakti untuk semua masalah

• Sistem ini terlihat seperti tiruan usang dari Playwright-MCP milik Microsoft

• Akan berguna jika ada browser yang bisa memfilter produk di situs belanja sesuai kondisi tertentu

• Saya tidak tahu apa itu MCP, dan sekarang malah takut untuk bertanya

• Tugas mencari informasi di web dan memasukkan hasilnya ke Google Sheets awalnya bekerja hampir sempurna, tetapi gagal pada percobaan-percobaan berikutnya

  • Saya penasaran apakah ada masalah latensi antara browser dan aplikasi MCP
  • Pada percobaan pertama saya cepat mengklik izin "izinkan obrolan ini", tetapi pada percobaan berikutnya LLM melaporkan masalah saat mengklik
  • Tugas mengklik judul Google Spreadsheet dan memasukkan nama awalnya berhasil, tetapi pada percobaan berikutnya gagal
  • Tugas mengidentifikasi sel A1, B1, dan seterusnya lalu memasukkannya ke baris juga awalnya berhasil, tetapi pada percobaan berikutnya gagal
  • Percobaan pertama hampir sempurna, tetapi pada percobaan berikutnya tidak bisa direproduksi 100%
  • Pengalamannya mulus dan proses penyiapan serta eksekusinya sangat baik

• Saat diuji di Claude Desktop, sistem ini bekerja mulus dan tidak seribet Playwright

  • Akan bagus jika ada fitur yang mendeteksi CAPTCHA di halaman, lalu menjeda otomatisasi dan memberi tahu pengguna
  • Playwright terus mencoba melewati CAPTCHA

• Akan bagus jika bisa menavigasi halaman menggunakan pohon aksesibilitas dari Chrome DevTools

• Ini membuat saya antusias untuk tugas-tugas manual, terutama hal seperti permintaan penggantian dana

  • Setiap bulan harus login ke penyedia layanan, mengunduh tagihan, menulis dokumen Google, menulis email, dan mengunggah file itu merepotkan
  • Otomatisasi sebenarnya sudah memungkinkan, dan aplikasi pelacakan biaya yang sungguhan bisa memangkas setengah dari pekerjaan ini
  • Alat AI punya potensi untuk menghilangkan kebutuhan akan spesifikasi yang sangat rinci
  • Alur kerja seperti ini sering terpengaruh oleh perubahan kecil

• Saya penasaran apakah MCP adalah RPA (robotic process automation) yang baru

• Saya melakukan pekerjaan serupa dengan mengendalikan hardware synth agar bisa mendesain suara tanpa menyentuh knob fisiknya