Cara Review Kode AI GitHub Copilot Tanpa Gonta-Ganti Tab (Diff, Terminal, Browser Jadi Satu)

TAHAP 1 — Minta agent bikin perubahan

Buka project kalian di GitHub Copilot app, terus kasih instruksi ke agent seperti biasa. Anggap aja kalian lagi ngobrol sama junior developer yang cepet tapi butuh diawasi.

Tambahin fitur [ISI - deskripsi fitur, misal: tombol dark mode] ke [ISI - nama file/komponen].
Jangan ubah struktur file lain yang nggak berhubungan.

Setelah agent selesai, jangan langsung klik accept. Itu justru tahap yang paling sering dilewatin orang, dan itu yang bikin app ini ada tiga panelnya — biar kalian nggak cuma percaya, tapi beneran ngecek.

TAHAP 2 — Baca diff-nya sebelum percaya apa pun

Diff panel nunjukin perbandingan sebelum-sesudah: baris yang ditambah kehighlight hijau, yang dihapus kehighlight merah. Dari sini kalian bisa terima perubahan, tambahin komentar, atau minta agent revisi lagi — semua tanpa keluar dari app.

Baca tiap baris merah dengan curiga. Baris yang dihapus itu kode yang tadinya jalan, dan agent kadang mikirnya "nggak dipake lagi" padahal masih dipanggil dari file lain.

TAHAP 3 — Jalanin project lewat terminal panel

Setelah diff-nya masuk akal, saatnya buktiin kodenya beneran jalan. Terminal panel di dalam Copilot app biarin kalian jalanin perintah langsung dari sesi yang sama, nggak perlu buka terminal terpisah.

Kalau kalian lagi kerja di project website, kalian bisa jalanin manual atau konfigurasi jadi script lewat tombol Run:

cd client && npm run dev

Kalian bisa buka beberapa jendela terminal sekaligus dan gonta-ganti di antaranya, jadi nggak perlu tutup satu proses cuma buat jalanin proses lain.

TAHAP 4 — Cek di browser, iterasi pakai Pick & Polish

Buat apa pun yang punya tampilan, browser panel yang nutup loop-nya. Kalian bisa buka dan coba fitur baru itu persis kayak lagi make situsnya beneran, tanpa pindah ke tab browser terpisah.

Kalau masih ada yang mau dirapiin, pakai Pick & Polish tool — pilih elemen di browser panel, terus sesuaikan langsung sama agent buat iterasi cepat. Setelah perubahan masuk, jalanin lagi script dev server-nya buat liat hasil terbarunya.

Begitu tampilannya udah sesuai, kalian bisa accept perubahan langsung dari Copilot app dan bikin pull request dari situ juga. Nggak ada tab-hopping, nggak ada pindah aplikasi, nggak ada kehilangan konteks di tengah jalan.

Checklist sebelum kalian accept perubahan agent

• Diff-nya udah dibaca baris per baris, bukan cuma dilirik sekilas
• Baris yang dihapus udah dicek, nggak dipake di file lain
• Project udah dijalanin lewat terminal panel dan nggak error
• Fitur yang diminta udah dites langsung di browser panel
• Kalau ada bagian UI yang kurang pas, udah diiterasi lewat Pick & Polish

Kalau gagal

1. Diff-nya kepanjangan dan bikin bingung. Ini biasanya artinya instruksi kalian ke agent terlalu luas. Balik ke TAHAP 1, pecah jadi permintaan yang lebih kecil dan spesifik per komponen.
2. Terminal panel nge-error pas jalanin script. Cek dulu apakah dependency project udah keinstal (npm install sebelum npm run dev). Kalau errornya soal path, kemungkinan script Run-nya belum dikonfigurasi ke folder yang bener.
3. Browser panel nunjukin halaman kosong atau lama. Jalanin ulang dev server setelah perubahan terbaru — browser panel nggak selalu auto-refresh begitu ada update kode.
4. Pick & Polish nggak bisa milih elemen yang kalian mau. Coba klik area yang lebih kecil dan spesifik, elemen besar yang isinya banyak komponen kadang gagal ke-select dengan tepat.

Setelah workflow ini kalian jalan

Yang berubah bukan cuma soal hemat waktu pindah tab. Kalian jadi punya kebiasaan selalu nanya tiga hal sebelum accept kerjaan AI: apa yang berubah, apakah itu jalan, dan apakah tampilannya bener. Tiga pertanyaan itu yang bikin kerjaan agent kerasa aman buat di-merge, bukan sekadar ditebak-tebak.

Kebiasaan "review dulu baru percaya" ini sama pentingnya di mana pun kalian pakai AI buat kerja — bukan cuma di coding.