AI coding assistant seperti Claude Code, Cursor, dan GitHub Copilot sudah jadi rekan kerja harian banyak developer. Masalahnya, jawaban mereka soal dukungan fitur web sering ketinggalan zaman. Model bahasa hanya tahu apa yang ada di data latihannya (knowledge cutoff), sehingga ia bisa sangat percaya diri mengklaim sebuah fitur CSS aman dipakai di semua browser, padahal kenyataannya baru dirilis di satu browser saja. Mozilla baru saja merilis MDN MCP server untuk menutup celah itu: dokumentasi dan data kompatibilitas browser MDN kini bisa diakses langsung oleh agen AI kamu.

Apa Itu MDN MCP Server?

MCP (Model Context Protocol) adalah standar terbuka yang memungkinkan alat AI terhubung ke sumber data eksternal. MDN MCP server memakai protokol itu untuk membawa data pencarian, dokumentasi, dan browser compatibility data MDN langsung ke agen AI atau IDE pilihanmu. Tujuannya: memberi LLM dan coding agent sumber informasi web platform yang andal dan terbaru, bukan tebakan dari data latih yang bisa sudah usang.

Contoh kasus yang disebut MDN: agen AI mungkin tidak tahu bahwa aturan CSS @view-transition sudah ada, atau belum tahu bahwa fitur itu sudah mencapai status Widely Available dan aman dipakai lintas browser. Dengan MCP, informasi seperti itu tersedia akurat dari sumber aslinya, langsung di dalam editor.

Bukti Uji Mozilla: Tanpa MCP Sering Salah, dengan MCP Dua Kali Lebih Cepat

Mozilla menguji Claude Code (Opus 4.7) dengan dan tanpa MDN MCP memakai fitur-fitur yang baru dikirim di Firefox 151: fungsi CSS light-dark() untuk gambar, pseudo-class :buffering, atribut shadowrootslotassignment pada <template>, hingga Web Serial API. Hasilnya menarik:

• Untuk informasi dukungan browser, Claude Code tanpa MCP hanya benar dalam satu dari empat kasus, itupun untuk :buffering.
• Tanpa MCP, ia keliru menyebut shadowrootslotassignment sudah didukung Chrome 120 dan Safari 18.3. Faktanya, Firefox 151 adalah browser pertama yang mengirim dukungan atribut tersebut.
• Untuk Web Serial API, tanpa MCP ia bersikeras fitur itu belum diimplementasikan di Firefox dan tidak ada di roadmap. Padahal Firefox 151 sudah mendukungnya sejak Mei 2026.
• Dengan MCP aktif, jawaban yang diberikan akurat, dan menurut Mozilla responsnya sekitar dua kali lebih cepat karena agen tidak perlu lagi meraba-raba halaman HTML untuk mencari data terbaru.

Cara Pasang: Satu Perintah untuk Claude Code

MDN MCP berjalan sebagai remote server dengan alamat https://mcp.mdn.mozilla.net/. Ia kompatibel dengan klien MCP mana pun, termasuk editor VS Code, Zed, dan Cursor; CLI agen seperti Claude Code, Codex CLI, dan Antigravity CLI (dulu Gemini CLI); serta aplikasi chat Claude Desktop.

Contoh termudah, di Claude Code cukup jalankan:

claude mcp add --transport http mdn https://mcp.mdn.mozilla.net/

Setelah tersambung, coba tanyakan fitur web yang jarang kamu pakai, misalnya apakah :buffering sudah bisa dipakai di semua browser. Agen akan menjawab berdasarkan dokumentasi dan data kompatibilitas MDN yang asli, bukan hafalan model. Untuk editor dan alat lain, ikuti panduan MCP masing-masing (tautannya ada di bagian Sumber).

Catatan Penting: Masih Eksperimental

Ada beberapa hal yang perlu kamu tahu sebelum memakainya di tim:

• Server ini berstatus eksperimen dan bisa ditarik atau dihentikan kapan saja oleh MDN.
• Selama masa uji, Mozilla menyimpan data query yang masuk. Data tidak dikaitkan dengan informasi yang bisa mengidentifikasi pengguna, tetapi ada kemungkinan informasi privat yang kamu tulis di prompt ikut tercatat. Kalau itu jadi perhatian, MDN menyarankan untuk tidak menggunakannya dulu.
• Kamu bisa mengirim header X-Moz-1st-Party-Data-Opt-Out: 1 pada request untuk menolak analitik pihak pertama.
• Penggunaannya tunduk pada Acceptable Use Policy MDN.

Kenapa Ini Relevan untuk Tim Web di Indonesia

Bagi tim yang membangun situs instansi, sekolah, desa, atau aplikasi internal, kesalahan informasi kompatibilitas browser bisa berujung bug yang sulit dilacak, misalnya fitur yang jalan di laptop developer tapi rusak di HP pengguna. Menyambungkan MDN MCP ke AI assistant membuat proses cek aman tidaknya sebuah fitur jadi lebih cepat dan bisa dipercaya, langsung di dalam editor. Untuk proyek yang tidak sensitif, ini tambahan praktis yang layak dicoba; untuk proyek dengan data rahasia, timbang dulu aspek privasi dari status eksperimennya.

Sumber: MDN Blog - Introducing the MDN MCP server; MDN - halaman resmi MDN MCP server; GitHub - mdn/mcp.