--- title: "Modern Web Guidance, Cara Browser Mengajari AI Coding" description: "Modern Web Guidance 1.0 rilis 10 November 2026 dengan dukungan Chrome, Edge, dan Firefox. Ini cara kerjanya, cara memasangnya, dan batasannya." url: "https://nivelva.com/insight/modern-web-guidance-ai-coding" category: "Website \u0026 Domain" tags: ["modern web guidance","ai coding","chrome","baseline","web development"] author: "Aisyah Aris" published: "2026-11-11T20:49:00+07:00" updated: "2026-11-11T20:49:00+07:00" language: "id" publisher: "Nivelva (https://nivelva.com)" --- # Modern Web Guidance, Cara Browser Mengajari AI Coding > **Jawaban singkat:** Modern Web Guidance adalah kumpulan skill untuk agen AI coding agar menulis kode web modern sesuai dukungan browser terkini. Versi 1.0 rilis 10 November 2026, kini didukung Chrome, Edge, dan Firefox, dan dipasang lewat npx modern-web-guidance@latest install. Modern Web Guidance adalah paket "skill" untuk agen AI coding yang berisi panduan praktik terbaik web dan data dukungan browser, supaya agen tidak terus menulis kode gaya lama. Versi 1.0 dirilis tim Chrome pada 10 November 2026, dan kali ini Firefox serta Edge ikut mendukung proyeknya. Kenapa ini penting? Agen AI belajar dari kode yang sudah ada di internet, dan sebagian besar kode itu ditulis bertahun-tahun lalu. Hasilnya, agen sering memakai pustaka JavaScript untuk hal yang kini sudah bisa dikerjakan CSS atau HTML bawaan browser. Modern Web Guidance mencoba menambal celah pengetahuan itu langsung di dalam alur kerja agen. ## Apa sebenarnya Modern Web Guidance? Secara sederhana, ini adalah perpustakaan panduan yang bisa dicari dan dibaca oleh agen AI saat sedang menulis kode. Ketika kamu meminta agen membuat tooltip, misalnya, agen bisa mencari panduan yang relevan, lalu mengikuti cara modern seperti Popover API, lengkap dengan catatan dukungan browsernya. Menurut README resmi di GitHub per 11 November 2026, isinya mencakup 250 fitur web modern (140 di CSS dan layout, 36 di HTML dan DOM, 74 di JavaScript dan API) yang dibagi ke 203 kasus penggunaan nyata. Data kompatibilitasnya diambil dari proyek **Baseline**, penanda resmi untuk fitur yang sudah aman dipakai di semua browser utama. Proyek ini berlisensi Apache 2.0. Satu hal yang menarik: pencarian panduan berjalan **offline**. CLI-nya memakai model embedding dan pencarian kata kunci di komputermu sendiri, tanpa panggilan jaringan dan tanpa API key. ## Apa yang baru di versi 1.0? Pengumuman resmi di blog Chrome for Developers, ditulis Philip Walton, menyebut beberapa perubahan utama dibanding versi pratinjau yang diperkenalkan di Google I/O pada Mei 2026: - **Alur modernisasi kode lama.** Agen bisa memindai HTML, CSS, JavaScript, dan `package.json` untuk mencari peluang pembaruan yang aman. Untuk rilis pertama, pemindaian ini masih berupa analisis statis atas sejumlah pola tertentu. - **Tinjauan manusia di setiap panduan.** Tiap panduan disetujui tech lead di bidangnya, dan panduan untuk fitur yang terlihat pengguna mendapat tinjauan aksesibilitas tersendiri. - **Evaluasi terbuka.** Semua panduan diuji, dan hasilnya ditampilkan di dasbor publik. - **Dukungan lintas browser.** Firefox dan Edge bergabung dengan Chrome untuk mendukung dan berkontribusi. README proyek kini menyebut proyek ini dikelola bersama tim Chrome, Edge, Firefox, dan MDN. Search Engine Journal, yang membaca dasbor evaluasinya, melaporkan bahwa pada uji malam yang selesai 8 November 2026, agen yang memakai panduan lolos 88% pemeriksaan otomatis, dibanding 56% tanpa panduan. Angka seperti ini berasal dari tugas uji milik proyek, jadi anggap sebagai gambaran arah, bukan jaminan hasil di proyekmu. ## Agen AI mana saja yang didukung? Blog resmi menyebut Modern Web Guidance tersedia untuk Claude Code, Codex, Cursor, Antigravity, Copilot, WebStorm, Kimi Code, dan Grok Build. Kalau kamu belum akrab dengan perbedaan alat-alat ini, ringkasannya ada di artikel [AI coding assistant: Copilot, Cursor, Claude Code, Codex](https://nivelva.com/insight/ai-coding-assistant). Berikut perintah yang paling sering dipakai, sesuai dokumentasi resmi per 11 November 2026: | Perintah | Fungsinya | |:--|:--| | `npx modern-web-guidance@latest install` | Memasang skill lewat wizard interaktif (cara yang disarankan) | | `npx modern-web-guidance@latest update` | Memperbarui bagi pengguna versi pratinjau | | `npx modern-web-guidance@latest search ""` | Mencari panduan dengan bahasa biasa, hasilnya ID panduan | | `npx modern-web-guidance@latest retrieve ""` | Mengambil isi satu panduan | | `npx modern-web-guidance@latest legacy-scan .` | Memindai folder proyek untuk pola kode lama | Selain lewat CLI, dokumentasi resmi juga mencantumkan jalur pemasangan lewat Vercel Skills (`npx skills add GoogleChrome/modern-web-guidance`), GitHub CLI, plugin Claude Code, dan Antigravity CLI. Setelah terpasang, kamu bisa langsung memberi perintah ke agen, misalnya meminta agen memodernkan kode di sebuah folder. ## Bagaimana fitur yang masih baru ditangani? Di sinilah peran Baseline terasa. Fitur yang masih dalam Origin Trial, atau fitur yang baru dirilis satu mesin browser dalam sekitar tiga bulan terakhir, tetap bisa dicari tetapi **dikunci** saat diambil. Artinya, agen tidak otomatis menyarankan fitur yang belum didukung browser lain. Kalau proyekmu memang ingin memakai fitur seperti itu, misalnya untuk aplikasi internal yang hanya dibuka di satu browser, kamu bisa mengizinkannya lewat file `.mwgrc` dengan perintah `set-allow-origin-trials` atau `set-allow-volatile-features`. Untuk situs publik, membiarkan pengaturan bawaan biasanya lebih aman. > **Kenapa kode modern berdampak ke bisnis:** > > Memakai fitur bawaan browser alih-alih pustaka tambahan biasanya berarti JavaScript yang dikirim ke pengunjung lebih sedikit. Itu bisa berpengaruh ke kecepatan halaman dan metrik seperti [Core Web Vitals (LCP, INP, CLS)](https://nivelva.com/insight/core-web-vitals-lcp-inp-cls), meski besar dampaknya tetap perlu diukur di situsmu sendiri. ## Siapa yang paling diuntungkan? **Developer dan agensi web** yang sudah memakai agen AI setiap hari mendapat manfaat paling langsung. Kode yang dihasilkan agen lebih dekat ke standar terkini, dan ada alat pemindai untuk proyek lama yang perlu diremajakan. **Pemilik bisnis yang membangun website dengan bantuan AI**, termasuk yang mencoba [vibe coding untuk pemula](https://nivelva.com/insight/vibe-coding-untuk-pemula), juga ikut terbantu secara tidak langsung. Kamu mungkin tidak membaca kodenya, tetapi agen yang memakai panduan ini cenderung menghasilkan halaman yang lebih ringan dan lebih sesuai dukungan browser. **Tim yang peduli aksesibilitas** perlu tetap waspada. Search Engine Journal mencatat ada ulasan independen terhadap versi pratinjau di bulan Mei yang menemukan keluaran yang tidak sesuai WCAG. Versi 1.0 kini menambahkan tinjauan aksesibilitas, tetapi pengecekan manual tetap perlu. Dasarnya bisa kamu pelajari di [dasar aksesibilitas website dan WCAG](https://nivelva.com/insight/aksesibilitas-website-wcag-dasar). ## Apa batasannya? Ada beberapa hal yang sebaiknya kamu pahami sebelum mengandalkannya: - Pemindaian kode lama di versi 1.0 masih analisis statis untuk pola terbatas. Pemindaian yang lebih cerdas berbasis agen baru direncanakan. - Panduan membantu agen memilih cara yang tepat, tetapi tidak menguji hasilnya di browser. Tim Chrome menyarankan memadukannya dengan Chrome DevTools untuk agen. - Klaim peningkatan dari studi kasus (misalnya di blog resmi) berasal dari perusahaan tertentu dan tugas tertentu. Hasil di proyekmu bisa berbeda. - Proyek ini masih bergerak cepat. Jumlah panduan dan fitur yang disebut di atas berlaku per 11 November 2026 dan kemungkinan bertambah. Pada akhirnya, Modern Web Guidance tidak menggantikan review kode. Ia membuat titik awal yang ditulis agen menjadi lebih baik, sehingga waktu review bisa dipakai untuk logika bisnis, bukan membetulkan pola usang. ## Pertanyaan yang sering diajukan ### Apakah Modern Web Guidance berbayar? Tidak. Proyeknya terbuka di GitHub dengan lisensi Apache 2.0, dan CLI-nya dijalankan lewat npx tanpa API key. ### Apakah data kodeku dikirim ke server Google saat mencari panduan? Menurut README resmi, pencarian panduan berjalan offline di komputermu tanpa panggilan jaringan. Agen AI yang kamu pakai tetap punya kebijakan datanya sendiri. ### Apakah hanya berguna untuk Chrome? Tidak. Panduannya memakai data Baseline yang mencakup browser utama, dan per 10 November 2026 Firefox serta Edge ikut mendukung proyek ini. ## Sumber - - - - --- Diterbitkan oleh Nivelva Insight (https://nivelva.com/insight/). Artikel ini: https://nivelva.com/insight/modern-web-guidance-ai-coding Kontak Nivelva: WhatsApp https://wa.me/6285111245007, email hello@nivelva.com