
Agent Browser
Agent Browser adalah alat otomasi browser yang hemat token yang memungkinkan agen AI untuk mengontrol browser nyata melalui perintah bahasa alami, menawarkan fitur seperti navigasi, interaksi, dan visualisasi wireframe ASCII untuk tugas otomasi web.
https://github.com/agent-browser-io/browser?ref=producthunt&utm_source=aipure

Informasi Produk
Diperbarui:Mar 13, 2026
Apa itu Agent Browser
Agent Browser adalah paket sumber terbuka yang menjembatani kesenjangan antara agen AI dan browser web, memungkinkan kontrol otomatis aktivitas browser melalui perintah sederhana. Ini mendukung banyak antarmuka termasuk MCP (Model Context Protocol), Vercel AI SDK, dan CLI, menjadikannya serbaguna untuk berbagai kasus penggunaan. Alat ini dirancang untuk membuat situs web dapat diakses oleh agen AI sambil mempertahankan efisiensi dalam penggunaan token, yang sangat penting untuk tugas otomasi berbasis AI. Ini dapat diintegrasikan dengan berbagai platform AI seperti Cursor, Claude Desktop, dan klien yang kompatibel dengan MCP lainnya.
Fitur Utama Agent Browser
Agent Browser adalah alat otomatisasi peramban sumber terbuka yang memungkinkan agen AI untuk mengendalikan peramban nyata melalui perintah bahasa alami dan kerangka kawat ASCII yang hemat token. Alat ini mendukung berbagai antarmuka termasuk MCP (Model Context Protocol), Vercel AI SDK, dan CLI, memungkinkan agen AI untuk melakukan navigasi web, interaksi, dan tugas otomatisasi sambil menjaga privasi dan keamanan melalui eksekusi lokal.
Kontrol Peramban Hemat Token: Menggunakan kerangka kawat ASCII untuk merepresentasikan halaman web dan menyediakan interaksi berbasis referensi (@e1, @e2) untuk komunikasi yang efisien antara AI dan peramban
Integrasi Multi-Platform: Mendukung berbagai metode integrasi termasuk MCP untuk asisten AI, Vercel AI SDK untuk pengembang, dan CLI untuk pengujian manual
Tindakan Peramban Komprehensif: Menyediakan berbagai kemampuan otomatisasi peramban termasuk navigasi, mengklik, mengetik, menggulir, tangkapan layar, dan pengisian formulir
Arsitektur Mengutamakan Privasi: Berjalan secara lokal di mesin pengguna dengan opsi untuk menggunakan profil Chrome yang ada dan model LLM lokal melalui Ollama
Kasus Penggunaan Agent Browser
Otomatisasi Pengujian Web: Otomatiskan proses pengujian situs web dengan membuat agen AI menavigasi halaman, mengisi formulir, dan memverifikasi fungsionalitas
Riset & Ekstraksi Konten: Aktifkan agen AI untuk melakukan riset mendalam dengan secara otomatis menavigasi situs web, mengekstrak konten, dan menyimpan informasi dalam format terstruktur
Otomatisasi Formulir: Otomatiskan tugas pengisian formulir berulang di berbagai situs web sambil menjaga keamanan informasi sensitif
Otomatisasi E-commerce: Otomatiskan pencarian produk, perbandingan harga, dan proses pemesanan di berbagai platform e-commerce
Kelebihan
Berfokus pada privasi dengan eksekusi lokal dan penyimpanan kredensial terenkripsi
Opsi integrasi fleksibel untuk berbagai kasus penggunaan
Komunikasi hemat token melalui kerangka kawat ASCII
Kekurangan
Memerlukan pengaturan dan dependensi lokal
Terbatas pada peramban dan platform yang didukung
Mungkin kurang andal saat berjalan dalam mode visual
Cara Menggunakan Agent Browser
Instal Agent Browser: Jalankan 'npm install @agent-browser-io/browser' untuk menginstal paket. Untuk penggunaan pertama kali, jalankan juga 'npx agent-browser install' untuk mengunduh Chromium.
Penggunaan Dasar - Alur Kerja Inti: 1. Navigasi ke halaman: 'agent-browser open <url>' 2. Dapatkan elemen interaktif: 'agent-browser snapshot -i' (mengembalikan elemen dengan ref @e1, @e2 dll) 3. Berinteraksi menggunakan ref: 'agent-browser click @e1' atau 'agent-browser fill @e2 \"text\"' 4. Ambil snapshot ulang setelah perubahan halaman
Siapkan Manajemen Sesi (Opsional): Gunakan flag --session-name untuk menyimpan/memulihkan status browser: 'agent-browser --session-name twitter open twitter.com'. Data sesi disimpan di ~/.agent-browser/sessions/. Juga dapat diatur melalui variabel lingkungan AGENT_BROWSER_SESSION_NAME.
Konfigurasi MCP untuk Asisten AI: 1. Buka pengaturan Cursor → MCP (atau edit ~/.cursor/mcp.json) 2. Tambahkan konfigurasi: {\"mcpServers\": {\"agent-browser\": {\"command\": \"npx\", \"args\": [\"-y\", \"@agent-browser-io/browser\", \"mcp\"]}}} 3. Mulai ulang Cursor/muat ulang MCP
Gunakan dengan Vercel AI SDK: 1. Impor alat: 'import { createBrowserTools, AgentBrowser, PlaywrightBrowserBackend } from '@agent-browser-io/browser' 2. Buat instance browser 3. Buat alat dengan createBrowserTools(browser) 4. Gunakan alat dengan fungsi generateText()
Aktifkan Keamanan Konten (Opsional): Gunakan flag --content-boundaries untuk membungkus output halaman dalam pembatas, membantu LLM membedakan antara output alat dan konten yang tidak tepercaya
Tangani Otentikasi (Opsional): Simpan kredensial: 'echo \"pass\" | agent-browser auth save github --url https://github.com/login --username user --password-stdin' lalu gunakan 'agent-browser auth login github' untuk masuk
FAQ Agent Browser
Agent Browser adalah sebuah paket yang memungkinkan agen AI untuk mengendalikan browser sungguhan dengan cara yang hemat token. Ini memungkinkan navigasi, mengklik, mengetik, dan interaksi melalui wireframe ASCII, dan dapat digunakan melalui klien MCP atau dengan Vercel AI SDK.
Video Agent Browser
Artikel Populer

Panduan Penerapan OpenClaw: Cara Melakukan Self-Hosting Agen AI Nyata (Pembaruan 2026)
Mar 10, 2026

Tutorial Atoms 2026: Bangun Dasbor SaaS Lengkap dalam 20 Menit (Praktik Langsung AIPURE)
Mar 2, 2026

Kode Kupon OpenArt AI Gratis di Tahun 2026 dan Cara Menukarkannya
Feb 25, 2026

Alat AI Terpopuler Tahun 2025 | Pembaruan 2026 oleh AIPURE
Feb 10, 2026







