Halo, Callum a.k.a Wanderloots di sini.
Kalau kamu capek kena rate limit pas lagi asik coding pakai AI, atau dompetmu jebol karena bakar token Claude Opus cuma buat benerin satu bug kecil, kamu berada di tempat yang tepat.
Banyak orang mikir coding pakai AI itu cuma "buka chat, suruh bikin app, kelar". Salah besar. Itu cara amatir yang bikin kode berantakan dan token habis percuma.
Saya akan bongkar workflow Tri-Agent Hybrid yang saya pakai. Kita akan bedah cara memadukan Google Anti-Gravity (IDE), Gemini (Otak Perencana), Claude Code (Eksekutor), dan TestSprite (QA/Tester). Ini bukan cuma tutorial, ini strategi manajemen sumber daya AI.
Kita akan fokus pada efisiensi: Zero Waste Token Strategy.
🧠 Modul 1: The Mindset Shift (Kenapa Harus Hybrid?)
Sudut Pandang Unik:
Kebanyakan dev melihat AI sebagai "Tuhan" yang bisa segalanya. Realitanya? AI itu spesialis.
Gemini (Pro/Ultra): Punya context window raksasa. Dia adalah Arsitek. Dia ingat semua dokumentasi tapi kadang kodenya gak se-"clean" Claude.
Claude (Opus/Sonnet): Logikanya tajam, kodenya elegan. Dia adalah Senior Engineer. Tapi, dia mahal dan gampang kena limit kalau diajak ngobrol ngalor-ngidul.
TestSprite (MCP Tool): Dia robot Quality Assurance (QA). Dia gak kreatif, tapi dia teliti. Pakai dia buat nyari salah, jangan buang token Claude buat nyari typo.
Kalau kamu paksa satu AI ngerjain semuanya, kamu bakar duit. Strategi kita adalah oper-operan tugas (delegation).
👉 Apa yang bisa kamu lakukan sekarang:
Buka dashboard usage AI kamu. Cek di mana tokenmu paling bocor. Biasanya bocor di fase debugging dan planning. Kita akan tambal itu.
🛠️ Modul 2: Setup Lingkungan "Anti-Gravity" & MCP
Google Anti-Gravity itu pada dasarnya adalah fork dari VS Code yang berjalan di cloud. Kelebihannya? Kita bisa pasang extension dan jalanin terminal layaknya komputer lokal.
Kunci rahasianya ada di MCP (Model Context Protocol). Anggap MCP ini kayak port USB-C buat LLM. Dulu, AI terisolasi. Sekarang, dengan MCP, Claude bisa "nyolok" ke GitHub, Stripe, Notion, dan tool testing kayak TestSprite secara langsung lewat terminal.
Langkah Setup:
Buka Google Anti-Gravity.
Install extension Claude Code.
Buka terminal, ketik /init buat Claude bikin file claude.md. Ini penting! File ini adalah "peta" biar Claude paham struktur folder kamu tanpa harus baca ulang semua file (hemat token!).
Koneksikan MCP TestSprite via command /mcp di Claude Code.
👉 Apa yang bisa kamu lakukan sekarang:
Install Claude Code extension di IDE kamu (Anti-Gravity, Cursor, atau VS Code biasa). Jalankan /init di root folder projectmu biar Claude punya konteks awal.
🗺️ Modul 3: Fase Planning (The Architect - Gemini)
Jangan pernah suruh Claude coding tanpa rencana. Itu kayak nyuruh tukang bangun rumah tanpa gambar arsitek.
Gunakan Gemini 3 Pro (yang gratis/murah di Anti-Gravity) untuk melakukan heavy lifting riset.
Caranya:
Minta Gemini riset tech stack terbaik (misal: "Cari library auth terbaik buat Next.js tahun 2026").
Minta Gemini buat Implementation Plan atau Roadmap.
Simpan output Gemini ke dalam file markdown, misalnya docs/roadmap.md.
Logika di balik ini:
Kita pakai token murah (Gemini) untuk konteks yang besar dan riset internet. Claude nanti cuma perlu baca roadmap.md itu. Claude gak perlu mikir "mau bikin apa", dia cuma perlu mikir "gimana cara nulis kodenya".
👉 Apa yang bisa kamu lakukan sekarang:
Punya ide fitur baru? Jangan langsung coding. Buka Gemini, minta buatkan SPEC.md atau ROADMAP.md yang detail. Masukkan file itu ke repo kamu.
💻 Modul 4: Fase Eksekusi (The Builder - Claude Code)
Sekarang kita panggil "Senior Dev" kita. Di terminal Claude Code, kita pakai mode Plan dulu baru Edit.
Workflow:
Perintah ke Claude: "Please audit the @roadmap.md and implement phase 1."
Claude akan baca file yang dibuat Gemini tadi.
Gunakan fitur Auto-Accept (kalau kamu berani) atau Approve Edits buat Claude nulis kode langsung ke file kamu.
Tips Hemat:
Jangan suruh Claude debug error yang sepele di fase ini. Biarkan dia bangun fitur sampai jadi dulu (MVP), meskipun belum jalan sempurna. Debugging manual pakai Claude itu boros.
👉 Apa yang bisa kamu lakukan sekarang:
Coba deploy satu fitur kecil pakai Claude Code dengan merujuk ke file dokumentasi yang sudah ada. Lihat betapa sedikitnya token yang dipakai karena dia gak perlu nanya-nanya konteks lagi.
🧪 Modul 5: Fase Testing (The Auditor - TestSprite)
Ini game changer-nya. Biasanya kalau error, kita copy-paste error log ke chat, AI mikir, kasih solusi, kita coba, error lagi, ulang lagi. Itu Infinite Loop of Token Burning.
Kita pakai TestSprite via MCP.
Generate Test: Suruh TestSprite bikin test plan berdasarkan kode yang baru ditulis Claude.
Run Test: TestSprite bakal jalanin simulasi (misal: coba login pakai email palsu, password salah, dll).
Analysis: TestSprite kasih laporan human-readable kenapa kodenya gagal.
Targeted Fix: Balik ke Claude, kasih laporan TestSprite, dan bilang: "Fix this specific error found in the report."
Dengan cara ini, Claude gak perlu nebak-nebak buah manggis. Dia langsung dapet data valid kenapa kodenya error. Sekali prompt, langsung solved.
👉 Apa yang bisa kamu lakukan sekarang:
Daftar TestSprite (atau tool testing MCP lain). Coba generate test case untuk satu fungsi krusial di app kamu (misal: Login Form). Biarkan tool itu yang nyari bug, bukan mata kamu.
🚀 Summary Checklist & Call to Action
Oke, logika workflow ini sebenernya sederhana: Right Tool for the Right Job. Jangan pakai palu buat motong kayu.
Berikut checklist yang harus kamu lakukan HARI INI untuk ubah cara codingmu:
[ ] Install Environment: Pastikan kamu punya akses ke IDE yang support terminal/extension (Anti-Gravity/VS Code) dan install Claude Code.
[ ] Setup MCP: Koneksikan akun TestSprite (atau tool testing pilihanmu) ke Claude via MCP.
[ ] Create the Brain: Gunakan Gemini untuk buat file ROADMAP.md untuk fiturmu selanjutnya. Jangan coding dulu!
[ ] Build the Body: Suruh Claude Code baca roadmap itu dan tulis kodenya (/init -> /plan -> /edit).
[ ] Test the Soul: Jalankan TestSprite untuk cari bug.
[ ] Refine: Kasih laporan error ke Claude untuk perbaikan final.
Next Step:
Jangan cuma nonton. Ambil satu proyek lamamu yang mangkrak. Coba tambahkan satu fitur simpel (misal: Dark Mode atau Auth) menggunakan flow di atas. Rasakan bedanya sisa kuota tokenmu di akhir minggu.
Let the AI do the heavy lifting, you do the orchestrating.
Cheers,
Callum / Wanderloots
Berikut adalah "Kitab Istilah Anti-Boncos". Ini adalah glosarium istilah teknis dari materi tadi yang sudah saya terjemahkan ke bahasa manusia, lengkap dengan analogi biar kamu langsung paham konsep besarnya.
Tujuannya: Mengubahmu dari "User AI Polos" menjadi "AI Workflow Architect".
📖 Bagian 1: Glosarium Level Dewa (Analogi & Studi Kasus)
1. Fork (VS Code Fork)
Definisi: Mengambil kopi dari sebuah software yang sudah ada, lalu memodifikasinya menjadi versi baru tanpa merusak versi aslinya. Google Anti-Gravity adalah fork dari VS Code.
Analogi: Bayangkan VS Code itu resep Nasi Goreng standar. Google mengambil resep itu, lalu menambahkan bumbu rahasia mereka sendiri (AI, Cloud). Jadi, rasanya tetap Nasi Goreng (cara pakainya sama), tapi fiturnya lebih nendang.
Studi Kasus: Kamu biasa pakai VS Code di laptop. Pas buka Anti-Gravity, kamu gak perlu belajar dari nol karena tombol dan menunya sama, cuma "mesinnya" aja yang beda (di Cloud).
2. MCP (Model Context Protocol)
Definisi: Standar universal ("colokan") yang bikin AI bisa ngobrol dan merintah aplikasi lain secara langsung.
Analogi: Dulu, tiap HP punya charger beda-beda (repot). MCP itu kayak USB Type-C. Satu kabel bisa buat ngecas HP, Laptop, Transfer data, dll. Dengan MCP, Claude (AI) bisa "dicolok" ke GitHub, Database, atau TestSprite tanpa perlu kodingan rumit.
Studi Kasus: Tanpa MCP: Kamu copy kode error -> paste ke Claude -> Claude kasih saran -> kamu copy balik ke editor.
Dengan MCP: Claude langsung "masuk" ke editor, lihat errornya, dan benerin sendiri.
3. Context Window
Definisi: Seberapa banyak informasi yang bisa diingat oleh AI dalam satu waktu (satu sesi chat).
Analogi: Papan Tulis.
AI biasa punya papan tulis kecil (cepat penuh, kalau nulis baru yang lama dihapus).
Gemini punya papan tulis seukuran stadion bola (bisa ingat ribuan baris kode, dokumentasi lengkap, dan sejarah chat tanpa lupa).
Studi Kasus: Kamu mau bikin aplikasi kompleks. Kalau pakai AI biasa, dia lupa nama variabel yang kamu buat 10 menit lalu. Kalau pakai Gemini (Context Window besar), dia ingat detail fitur yang kamu request dari awal percakapan.
4. Token & Rate Limit
Definisi: Token adalah "mata uang" atau bensinnya AI (kata/potongan kata). Rate Limit adalah batas pemakaian bensin per jam/hari.
Analogi: Token itu Pulsa. Rate limit itu Kuota Harian.
Kalau kamu pakai Claude Opus buat hal sepele (misal: "Halo apa kabar"), itu kayak naik Ferrari cuma buat beli gorengan di depan komplek. Boros bensin (Token) dan ngabisin jatah harian (Rate Limit).
Studi Kasus: Strategi kita adalah pakai "motor irit" (Gemini/TestSprite) buat perjalanan jauh/rutin, dan baru keluarin "Ferrari" (Claude Opus) pas butuh ngebut di lintasan balap (nulis kode rumit).
5. Bootstrap (dalam konteks Testing)
Definisi: Proses awal untuk menyiapkan segala sesuatu agar sistem bisa berjalan sendiri. "Menyalakan mesin".
Analogi: Jumper Aki Mobil. Sebelum mobil bisa jalan sendiri, dia butuh pemicu awal. Di TestSprite, bootstrapping artinya kita kasih info dasar (URL website, akun dummy) biar selanjutnya si robot tester bisa jalan sendiri tanpa kita suapin.
6. Agent vs. Chatbot
Definisi: Chatbot cuma bisa ngomong/jawab teks. Agent bisa melakukan tindakan (eksekusi).
Analogi:
Chatbot = Konsultan. Dia cuma ngasih saran. "Sebaiknya kamu sapu lantainya."
Agent = Asisten Rumah Tangga. Dia ambil sapu, lalu menyapu lantai.
Studi Kasus: Gemini di chat biasa itu Chatbot. Claude Code di terminal itu Agent, karena dia bisa bikin file, edit file, dan jalanin tes.
🎤 Bagian 2: Naskah "Teach to Learn" (Feynman Technique)
Ini adalah naskah yang bisa kamu pakai buat ngajarin temen kantor, tim, atau bahkan buat konten sosmedmu sendiri. Dengan mengajarkan ini, kamu akan memvalidasi pemahamanmu.
Target Audiens: Teman programmer atau antusias tech yang masih coding manual atau pakai AI dengan cara boros.
Gaya: Santai, persuasif.
(Opening - The Hook)
"Eh bro, lu pernah gak sih lagi asik coding pake AI, tiba-tiba dia bego atau kuotanya abis pas kerjaan lagi numpuk? Gue baru nemu cara biar kita gak boncos token, tapi kerjaan kelar 3x lebih cepet. Namanya strategi Tri-Agent Hybrid."
(The Problem - Menyadarkan Kesalahan Umum)
"Selama ini kan kita kalau pake AI tuh kayak 'One Man Show' ya. Kita suruh satu AI—misalnya ChatGPT atau Claude—buat mikir ide, nulis kode, sampe ngecek error. Itu salah besar. Itu kayak lu nyuruh Arsitek buat ngaduk semen sekaligus masang genteng. Mahal, dan hasilnya gak maksimal."
(The Solution - Materi Inti)
"Nah, triknya itu Delegasi. Gue bagi tugas ke 3 'otak' beda:
Si Perencana (Gemini): Karena dia punya ingatan (Context Window) gede banget, gue suruh dia riset dan bikin dokumen rencana (Roadmap). Dia gak usah nulis kode, cukup bikin peta jalannya.
Si Tukang (Claude Code): Ini eksekutornya. Dia gak perlu mikir mau bikin apa, dia tinggal baca peta dari Gemini tadi, terus coding. Karena fokusnya cuma nulis kode, dia jadi hemat token banget.
Si Pemeriksa (TestSprite/MCP): Ini yang paling gila. Daripada gue atau Claude yang capek-capek nyari bug, gue pake tool via MCP—bayangin kayak colokan USB buat AI—biar dia ngetes aplikasi gue secara otomatis. Dia yang laporin errornya di mana."
(Closing - Actionable Insight)
"Jadi intinya, jangan suruh AI pinter buat kerjaan kasar. Simpen token Claude lu buat kode yang susah aja. Buat planning pake yang murah, buat testing pake robot.
Sumpah, sejak pake flow ini, gue jarang kena limit dan kodenya jauh lebih rapi. Mau gue kasih liat cara setup-nya di laptop lu?"
👉 Apa yang bisa kamu lakukan sekarang (Checklist Pengajar):
Cari 1 orang teman (atau cermin kalau malu).
Ceritakan ulang naskah di atas dengan gayamu sendiri dalam waktu < 2 menit.
Jika kamu tersendat di satu bagian (misal: bingung jelasin MCP), berarti kamu belum 100% paham. Baca ulang glosarium di atas.
Kalau temanmu bilang "Oh, jadi kayak..." (memberikan analogi mereka sendiri), selamat! Kamu sudah sukses menguasai materi ini.