Penggunaan AI Agent dalam proses development kini semakin populer. Salah satu cara untuk memanfaatkannya adalah dengan menghubungkan Agent Router ke KiloCode — ekstensi AI coding assistant di VS Code. Artikel ini akan membimbingmu dari nol hingga siap menggunakan AI Agent untuk coding.
Apa itu Agent Router?
Agent Router adalah platform yang menyediakan akses ke berbagai AI Model untuk kebutuhan coding. Dengan mendaftar, kamu akan mendapatkan free balance yang bisa langsung digunakan tanpa perlu kartu kredit.
Langkah 1: Registrasi Agent Router
Kunjungi website resmi Agent Router di https://agentrouter.org/register?aff=ub5S dan lakukan pendaftaran. Disarankan menggunakan akun GitHub agar prosesnya lebih mudah.
Setelah berhasil masuk, free balance akan otomatis tersedia di akunmu. Saldo awal yang diberikan biasanya $150, namun pada kondisi tertentu ada juga yang mendapatkan $175.
Catatan: Saldo bisa saja bertambah dengan sendirinya. Hal ini mungkin dikarenakan Agent Router masih dalam tahap bagi-bagi Free Balance.
Langkah 2: Generate API Key
Masuk ke menu API Token lalu klik tombol Create token.
Isi nama token dengan KiloCode. Untuk bagian Token grouping, Expiration time, dan New Quantity biarkan default.
Kenapa namanya KiloCode? Penamaan token bebas, tapi nama “KiloCode” ditujukan agar nama token selaras dengan tujuan dimana API Key tersebut akan dipakai.
Selanjutnya, aktifkan Unlimited quota dan bagian Model biarkan default, lalu klik Submit.
Token akan muncul setelah klik Submit. Copy API Key yang berawalan sk-xxx....
Peringatan: Jangan pernah membagikan API Key kepada orang lain tanpa maksud dan tujuan yang jelas.
Langkah 3: Konfigurasi di KiloCode (VS Code)
Buka Visual Studio Code dan pastikan ekstensi KiloCode sudah terinstal.
Setelah terinstall, KiloCode akan tersedia di Sidebar VSCode. Buka panel KiloCode lalu klik ikon pengaturan.
Klik Providers dan pilih Custom Provider.
Masukkan detail konfigurasi berikut:
| Field | Value |
|---|---|
| Provider ID | agentrouter |
| Display name | Agent Router |
| Base URL | https://agentrouter.org/v1 |
| API Key | Paste API Key yang kamu dapatkan sebelumnya |
| Models | Tulis nama model sesuai katalog Agent Router (disarankan pakai Deepseek V4 Pro dan Flash biar hemat) |
Tips: Model yang disediakan oleh Agent Router dapat kamu cek pada saat Create Token sebelumnya.
Simpan pengaturan dengan klik Submit. Sekarang KiloCode sudah terhubung ke Agent Router dan siap digunakan!
Contoh Penggunaan: Membuat Aplikasi ToDo List
Setup sudah selesai! Sekarang kita akan coba menggunakan KiloCode untuk membuat aplikasi ToDo List sederhana sebagai demonstrasi.
Persiapan
Pastikan Provider dan Model dari Agent Router sudah terdeteksi, lalu buat Folder Project baru khusus untuk praktek kali ini.
Mengenal Mode Agent di KiloCode
KiloCode menyediakan beberapa mode agent yang bisa disesuaikan dengan tugas yang sedang dikerjakan:
| Mode | Fungsi |
|---|---|
| Code (Default) | Agen utama yang mengeksekusi aksi dan menulis kode secara langsung. Cocok saat ingin AI langsung membangun struktur proyek. |
| Ask | Mode aman untuk sekadar bertanya tanpa mengubah apapun pada codebase. |
| Debug | Agen untuk analisis sistematis saat menemui error atau bug. |
| Plan | Mode perencanaan arsitektur. Agen hanya mengedit file plan dan dilarang mengubah kode utama. |
Tips: Biasakan menggunakan mode Plan terlebih dahulu untuk perencanaan, lalu pindah ke mode Code saat ingin eksekusi.
Merencanakan Aplikasi dengan Mode Plan
Klik Plan lalu paste prompt berikut:
Saya ingin membuat aplikasi To-Do List sederhana. Tolong buatkan perencanaannya.
Karena kita menggunakan mode Plan, KiloCode tidak akan langsung menulis kode. Sebagai gantinya, ia akan bertindak sebagai asisten perencana dan menanyakan detail tambahan seperti:
- Bahasa pemrograman atau framework apa yang akan digunakan?
- Apakah datanya perlu disimpan secara permanen atau hanya sementara?
- Fitur tambahan apa saja yang diperlukan?
Pertanyaan dari agent akan berbeda tergantung model yang dipakai. Setelah review, klik Submit untuk melanjutkan.
Keunggulan mode Plan: Kamu bisa berdiskusi, menjawab pertanyaan AI, dan mematangkan konsep arsitektur aplikasi sebelum pindah ke mode Code untuk mulai ngoding. KiloCode akan membuatkan file
.mddalam folder.kilokhusus untuk perencanaan.
Mengeksekusi dengan Mode Code
Setelah plan selesai, cek folder project-mu. Yang tadinya kosong sekarang sudah ada folder .kilo berisi file .md dengan perencanaan yang akan dieksekusi.
Baca perencanaannya terlebih dahulu. Jika belum sesuai, lanjut prompt lagi hingga perencanaan sesuai sebelum eksekusi.
Jika sudah oke, kembali ke KiloCode dan submit bagian Continue here agar tidak pindah sesi. Agent Mode akan otomatis berubah menjadi Code Mode — biarkan agent bekerja hingga selesai.
Hasil Akhir
Aplikasi siap digunakan! Berikut hasil dari AI Agent model Deepseek V4 Pro dengan pengeluaran biaya sebesar $0.9265 (Usage Log dapat dilihat pada Dashboard Agent Router).
Kesimpulan
Selamat! Kamu telah berhasil mendaftar, mengintegrasikan Agent Router ke dalam KiloCode, dan merancang aplikasi pertamamu dengan bantuan AI Agent.
Setelah memahami alur dasar ini, kamu bisa mulai menerapkan KiloCode pada tugas atau proyek development yang lebih kompleks. Namun, ada satu pedoman utama yang harus selalu dipegang:
AI Agent hadir untuk membantumu menulis kode lebih cepat, bukan untuk menggantikanmu berpikir.
Semoga tutorial ini bermanfaat dan bisa membuat alur kerjamu menjadi jauh lebih produktif. Selamat bereksperimen dan happy coding!