Perjalanan Digital

Behind the Scenes

Jurnal Pengembangan Website SIGNIFO Canvas

Kilas balik pengembangan: dari landing page minimalis di akhir 2024 menuju infrastruktur custom-built yang progresif. Jurnal tentang membangun rumah digital sendiri dengan presisi teknis dan kekuatan agentic coding dari nol.

Agentic Coding -2

SIGNIFO Canvas | Architect
Sebelum era agentic coding, pendekatan paling umum adalah memperlakukan output Large Language Model (LLM) sebagai solusi instan layaknya forum Stack Overflow. Ini adalah fase fundamental yang sangat normal ketika seseorang mulai mendalami metode vibecoding. Proses ini sangat krusial, karena pengalaman melakukan salin-tempel kode dari antarmuka AI chat ke teks editor akan menjadi instrumen pembanding saat Anda mengevaluasi output dari model yang sama di dalam Integrated Development Environment (IDE) seperti VS Code, Google Antigravity, atau Cursor. Perbedaan paling mendasar antara interaksi melalui AI chat dan AI agent terletak pada dua variabel operasional utama: environment (lingkungan kerja) dan system prompt. Meskipun demikian, persamaan fundamentalnya tetap tidak berubah. Mesin kecerdasan buatan yang beroperasi di belakang layar adalah model yang sama persis; perbedaan perilaku yang terjadi murni disebabkan oleh arsitektur pembungkusnya. Pada aplikasi AI chat konvensional, system prompt secara bawaan dirancang agar model menghasilkan respons dengan bahasa yang komunikatif dan dapat dicerna oleh populasi umum. Sebaliknya, di dalam IDE, system prompt dikonfigurasi secara presisi agar AI beroperasi dalam mode teknis. Fokus utamanya terisolasi pada pemahaman dan penyelesaian masalah yang berkaitan dengan arsitektur codebase Anda, kecuali diberikan instruksi eksplisit untuk melakukan tugas di luar cakupan tersebut. Keterbatasan utama pada antarmuka AI chat adalah ketiadaan akses eksekusi. AI hanya mampu merender output di dalam kotak obrolan peramban. Model tidak dibekali alat (tools) apapun untuk menyentuh, apalagi mengeksekusi modifikasi pada sistem file di mesin lokal Anda. Di sisi lain, AI agent yang terintegrasi di dalam editor bekerja dengan tingkat otorisasi yang berbeda. Secara default, agen diberikan hak akses untuk melakukan modifikasi langsung pada direktori proyek yang sedang aktif dalam sesi tersebut. Ruang lingkup ini mencakup keseluruhan workspace atau folder yang terbuka, memberikan agen kemampuan otonom untuk membaca, menulis, dan mengelola struktur file. Manajemen konteks juga menjadi pemisah batas yang jelas. Pada AI chat berbasis peramban, sesi obrolan dimulai dari keadaan kosong tanpa konteks spesifik. Pengguna dituntut untuk secara manual mendefinisikan lingkungan kerja dengan mengunggah file atau menempelkan potongan kode agar AI memahami urgensi tugas. Dalam ekosistem IDE, alur kerja AI agent jauh lebih terstruktur dan efisien. Bergantung pada jenis ekstensi dan konfigurasinya, agen dapat diinstruksikan untuk secara otomatis memindai dan membaca file aturan. Misalnya, membaca dokumen berektensi .md yang difungsikan sebagai peta arsitektur atau panduan operasional dari codebase sebelum memulai interaksi apa pun. Hal ini secara drastis mengurangi miskonsepsi dan membuat AI agent bekerja dengan akurasi dan efisiensi tingkat tinggi.
Chat di WhatsApp