Playwright MCP - Server MCP untuk otomatisasi browser web bagi LLM

• Server MCP (Model Context Protocol) yang berjalan berbasis Playwright
• Menyediakan snapshot aksesibilitas terstruktur agar LLM dapat berinteraksi dengan halaman web, sehingga cepat dan ringan
• Mengimplementasikan otomatisasi web hanya dengan data berbasis teks terstruktur tanpa screenshot atau model vision
• Kegunaan: penelusuran halaman web dan pengisian formulir otomatis, ekstraksi data dari konten terstruktur, pengujian otomatis berbasis LLM, kontrol browser web umum berbasis agen

Instalasi

• config

  {  
    "mcpServers": {  
      "playwright": {  
        "command": "npx",  
        "args": [  
          "@playwright/mcp@latest"  
        ]  
      }  
    }  
  }  
  

• Bisa langsung diinstal di VSCode: Install in VS Code Insiders
  • Setelah instalasi, Playwright MCP dapat digunakan di agen GitHub Copilot pada VSCode

Daftar alat Snapshot Mode

• browser_navigate: pindah ke URL
• browser_go_back / go_forward: pindah mundur/maju
• browser_click / hover / drag: klik, hover, drag pada elemen
• browser_type: masukkan teks ke kolom input (opsi: submit)
• browser_select_option: pilih dropdown
• browser_press_key: masukkan tombol keyboard
• browser_snapshot: ambil snapshot aksesibilitas
• browser_save_as_pdf: simpan halaman sebagai PDF
• browser_wait: tunggu selama waktu yang ditentukan (time maksimal 10 detik)
• browser_close: tutup halaman

Daftar alat Vision Mode

• browser_navigate / go_back / go_forward
• browser_screenshot: ambil screenshot
• browser_move_mouse / click / drag: kontrol mouse berbasis koordinat
• browser_type: masukkan teks pada posisi koordinat
• browser_press_key
• browser_save_as_pdf
• browser_wait
• browser_close

[yangeok]

Saya mencoba menghubungkan Playwright MCP ke Cursor, tetapi halaman Namuwiki sama sekali tidak bisa dibaca..

[asheswook]

Mungkin karena pemblokiran bot.

[crawler]

Kemarin waktu lihat saya tidak sadar, ternyata ini punya Microsoft, waduh, harus saya coba.

[GN⁺]

Komentar Hacker News

• Alat ini sangat bagus. Saya sangat berhasil menggunakannya bersama Claude Code

  • Saya meninggalkan instruksi di CLAUDE.md untuk memverifikasi perubahan dengan Playwright
  • Secara otomatis menjalankan server pengembangan, membuka halaman yang diubah, dan memverifikasi apakah perubahannya berfungsi
  • Jika ada sesuatu yang tidak terduga, ia memperbaikinya sendiri
  • Rasanya seperti bekerja dengan engineer level menengah yang benar-benar hebat
  • Sekarang benar-benar zaman yang menakjubkan

• Menggunakan ariaSnapshot untuk menyediakan representasi DOM yang aksesibel

  • Namun jika berpindah ke tempat seperti Gmail, konteks model cepat habis
  • Sedang bereksperimen dengan representasi teks halaman yang lebih ringkas
  • Menggunakan sesi Chrome sendiri dan tidak memerlukan ukuran konteks yang besar
  • Bisa juga direfaktor menjadi antarmuka aria yang dapat digunakan untuk CDP

• Berencana menggabungkannya dengan JIRA MCP untuk membaca "langkah reproduksi" dari tiket bug dan memeriksa apakah itu benar-benar bisa direproduksi

  • Saya tidak mengerti kritik terhadap MCP
  • Sangat menarik melihat ledakan Kambrium dari berbagai "connector"
  • Ini akan menjadi "app store" untuk model yang gagal diwujudkan oleh custom GPTs milik OpenAI

• Alat baru dari Microsoft tampak seperti pesaing untuk MCP-Playwright

  • Alat Microsoft tampak lebih sederhana, sementara alat lain memiliki lebih banyak fitur

• Rilis yang luar biasa. Namun saya penasaran mengapa ini tidak mendukung API Playwright asli dan hanya mendukung subset dari perilakunya

• Saya tidak mengenal Playwright, tetapi penasaran bagaimana perbedaannya dengan Puppeteer

  • Masalah dengan Puppeteer kadang adalah tidak langsung mendapatkan JavaScript yang tepat untuk menyelesaikan tugas sederhana seperti menerima banner persetujuan cookie

• Saya sudah mengirimkannya beberapa kali dan ingin mendengar lebih banyak cerita

  • Ada juga Fetch-MCP, yang berbasis Playwright dan mendukung batching. Akan menarik untuk membandingkannya

• Saya butuh MCP untuk Capybara. Agar LLMs bisa menulis system test Rails saya dan men-debug saat tidak berfungsi

• "code --add-mcp"

  • Saya penasaran apakah ada klien MCP yang tertanam di Vscode

• Saya penasaran apakah alat ini ditujukan untuk otomatisasi pengujian, atau untuk menggunakan Playwright sebagai "Operator" di dalam agent