Cara Cepat Membuat Ekstensi Chrome Sendiri Bermodal Prompt ChatGPT (Tanpa Skill Coding)

 

Pernahkah Anda membayangkan memiliki ekstensi Google Chrome buatan sendiri yang bisa melakukan tugas otomatis, seperti menyalin teks dengan satu klik atau mengubah warna tampilan website? Dulu, Anda harus menguasai bahasa pemrograman JavaScript yang rumit. Kini, dengan bantuan Kecerdasan Buatan (AI) seperti ChatGPT, siapa pun bisa merakit ekstensi Chrome dalam hitungan menit.

Membuat ekstensi Chrome tidak hanya berguna untuk produktivitas pribadi, tetapi juga bisa menjadi sumber trafik dan penghasilan jika Anda membagikannya ke publik. Berikut adalah langkah praktis membuatnya:

1. Pahami Tiga Komponen Utama Ekstensi Sebuah ekstensi Chrome sederhana umumnya hanya membutuhkan tiga file dasar yang berada dalam satu folder:

• manifest.json (KTP atau file identitas ekstensi Anda).

• popup.html (Tampilan antarmuka kotak kecil yang muncul saat ikon ekstensi diklik).

• popup.js atau content.js (Otak yang berisi perintah kerja ekstensi).

2. Instruksikan AI untuk Menulis Kodenya Buka ChatGPT atau Claude, lalu berikan instruksi yang sangat detail. Contoh prompt: "Saya ingin membuat ekstensi Chrome sederhana untuk menyimpan catatan teks singkat (Notes) yang tidak hilang saat browser ditutup. Bertindaklah sebagai programmer ahli. Berikan saya kode lengkap untuk manifest.json (versi 3), popup.html dengan desain UI modern, dan popup.js yang menggunakan local storage untuk menyimpan data."

3. Simpan File di Komputer Anda AI akan memberikan kode untuk ketiga file tersebut. Buat sebuah folder baru di laptop Anda (misalnya: "Ekstensi Catatan AI"). Gunakan aplikasi Notepad atau Visual Studio Code untuk menyalin kode dari AI dan menyimpannya sesuai dengan nama file yang diminta (pastikan format ekstensinya benar, bukan .txt).

4. Uji Coba di Browser (Developer Mode) Buka Google Chrome, ketik chrome://extensions/ di kolom alamat (address bar), lalu tekan Enter. Di pojok kanan atas, aktifkan tombol "Developer mode" (Mode Pengembang). Setelah aktif, klik tombol "Load unpacked" di sebelah kiri atas, lalu pilih folder "Ekstensi Catatan AI" yang baru Anda buat.

5. Eksekusi dan Monetisasi Ikon ekstensi baru Anda akan langsung muncul di barisan ekstensi Chrome! Jika ada error atau fitur yang tidak berjalan, cukup copy pesan error tersebut dan tanyakan kembali ke ChatGPT untuk mendapatkan perbaikannya. Untuk memonetisasinya, Anda bisa menulis artikel tutorial di blog Anda dan meletakkan tautan unduhan folder ekstensi tersebut. Pengunjung yang ingin mengunduh harus mengunjungi blog Anda terlebih dahulu, yang tentunya akan meningkatkan impresi iklan AdSense Anda.