Semua Panduan & Tips Anabhi Dev · Vibe Coding & AI Engineering

Hemat Token Claude,
Kerja Lebih Efisien

Panduan terlengkap efisiensi token Claude AI untuk developer & vibe coder di 2026 — dari Web Browser, Desktop App, CLI (PowerShell), hingga VS Code Extension. Pahami arsitektur context agar kuota tidak terkuras di tengah sesi penting.

⚡ CLI (PowerShell) 🎨 VS Code Extension (UI Panel) 💻 VS Code Integrated CLI 🌐 Browser vs Desktop App 🎯 Token Efficiency & /compact 💡 Prompting & Context Caching

Token itu "Bensin"-nya Claude

Di era coding modern saat ini, pemahaman token justru jauh lebih krusial daripada masa lalu. Saat kamu menggunakan autonomous tool seperti CLI (PowerShell) atau VS Code Extension, Claude membaca file direktori, menjalankan command terminal, dan menerima output log secara otomatis. Salah strategi context window bisa menguras ribuan token dalam beberapa detik saja!

Token Usage — Simulasi 1 Sesi Develop Fitur (~500 Baris Kode)
💻 Desktop Browser
~30%
🖥️ Desktop App
~40%
🎨 VS Code Extension (UI)
~38%
💻 VS Code Integrated CLI
~45%
⚡ CLI (PowerShell)
~52%
📟 Tablet Browser
~35%
📟 Tablet Claude App
~55%
📱 HP Browser
~65%
📱 HP Claude App
~85%
* Estimasi konsumsi context window dalam 1 sesi pengerjaan fitur komprehensif. Pada mode CLI, angka sangat bergantung pada kehadiran file .claudeignore dan eksekusi /compact.
💡 Key Insight: Input Token vs Output Token
Ada dua biaya token yang berbeda: Input token — seluruh riwayat percakapan, file yang dibaca, dan prompt sistem yang dikirim ulang tiap kali kamu kirim pesan. Output token — teks atau kode baru yang ditulis Claude. Pada mode CLI dan VS Code Extension, Claude membaca file proyek secara otomatis; jika folder node_modules/ atau build artifacts ikut terbaca, jutaan input token akan terbuang sia-sia tanpa kamu sadari!

Pilih Environment & Mode Akses yang Tepat

Mode kerja yang kamu pilih memiliki pengaruh langsung terhadap kecepatan coding, kenyamanan visual, dan konsumsi kuota token Claude.

🚀 Modern Vibe Coding & Agentic Setup (2026)
⚡
CLI (PowerShell)
Windows PowerShell / Standalone Terminal
Token usageSedang-Tinggi (~52%)
StabilitySangat Stabil
For coding🚀 Sangat Powerful (Otonom)
🎨
VS Code Claude Extension
UI / Interactive Chat Panel
Token usagePaling Hemat (~38%)
StabilitySangat Stabil
For coding👁️ Visual Diff & Review
💻
VS Code Integrated CLI
Extension + Integrated Terminal (Ctrl+~)
Token usageHemat-Sedang (~45%)
StabilityMaksimal (Live Sync)
For coding🏆 The Ultimate Setup
🌐
Laptop / Desktop
Chrome / Edge Browser (claude.ai)
Token usagePaling Hemat (~30%)
StabilitySangat Stabil
For coding✅ Bagus (Manual Copy)
📱 Akses Tambahan & Mobile
🖥️
Windows / MacBook
Desktop App Resmi
Token usageHemat (~40%)
StabilityStabil
For coding✅ Bagus
📟
Tablet (iPad / Android)
Chrome Browser
Token usageHemat (~35%)
StabilityStabil
For coding✅ Cukup Bagus
📱
HP / Smartphone
Mobile Browser
Token usageLumayan (~65%)
StabilityCukup
For coding⚠️ Chat / Review Saja
📱
HP / Smartphone
Claude Mobile App
Token usagePaling Boros (~85%)
StabilityBisa Reload/Crash
For coding❌ Hindari untuk Coding

Perbandingan Fitur & Efisiensi Lingkungan Coding

Tabel komparasi komprehensif antara efisiensi token context window, kecepatan eksekusi, dan kemampuan otomasi file repo:

Environment & Mode Konsumsi Token Kecepatan Coding Otomasi File / Repo Rekomendasi Utama
💻 VS Code Integrated CLI
✅ Hemat-Sedang 🚀 Tercepat ✅ Edit & Run Live 🏆 Standar Utama Vibe Coder
🎨 VS Code Extension (UI Panel)
✅ Sangat Hemat ⚡ Cepat 👁️ Visual Diff Review Ideal untuk Code Review
⚡ CLI (PowerShell)
⚠️ Butuh .claudeignore 🚀 Sangat Cepat ✅ Full Terminal Agent Refactor Besar & Multi-Repo
🌐 Desktop Browser (claude.ai)
✅ Paling Hemat ⚠️ Manual Copas ❌ Tidak Ada (Manual) Brainstorming & Arsitektur
🖥️ Desktop App Resmi
✅ Hemat ⚠️ Manual Copas 🧩 Mendukung Local MCP Alternatif Browser + MCP
📱 HP Claude Mobile App
❌ Sangat Boros ❌ Lambat ❌ Tidak Ada Chat Darurat Saja

CLI vs VS Code Extension: Kapan Pakai Mana?

Di tahun 2026, mayoritas developer beralih ke agentic coding. Tiga cara kerja ini punya kekuatan dan profil konsumsi token yang berbeda secara signifikan:

1
CLI (PowerShell) — Standalone Terminal
Karakteristik: Kamu membuka Windows PowerShell atau Terminal terpisah, lalu menjalankan perintah claude. Claude bertindak sebagai autonomous agent mandiri di level filesystem — bisa membaca file, membuat branch git, menjalankan build linter, dan mengedit kode secara otonom.

Dampak Token: Claude Code membaca direktori proyek secara otomatis untuk memahami konteks codebase. Jika kamu tidak membatasi folder yang dibaca, ribuan token terpakai sebelum kamu mulai mengetik!

Trik Hemat Token di PowerShell CLI:
  • Wajib pasang .claudeignore: Abaikan folder raksasa seperti node_modules/, dist/, .git/, gambar aset besar, dan file log. Ini menghemat hingga 80% input token awal.
  • Jalankan /compact secara rutin: Saat conversation sudah melewati 10–15 turn, ketik /compact agar Claude meringkas memori percakapan dan membuang output log usang.
  • Gunakan /clear per fitur: Selesaikan satu task, commit ke git, lalu bersihkan sesi untuk task berikutnya.
⚡ Autonomous CLI · PowerShell
2
VS Code Extension (UI / Side Panel Chat)
Karakteristik: Claude hadir langsung sebagai sidebar chat di dalam jendela Visual Studio Code. Kode saran ditampilkan dalam bentuk diff visual (blok hijau untuk kode baru, blok merah untuk kode lama) dengan tombol "Apply", "Accept", atau "Reject" yang interaktif.

Dampak Token: Paling terkontrol dan hemat di antara lingkungan coding modern, karena kamu secara eksplisit menentukan file mana yang diikutsertakan ke dalam context prompt.

Trik Hemat Token di VS Code Extension UI:
  • Gunakan mention @file: Sebutkan secara spesifik file target (contoh: @navbar.js atau @tips.css) daripada membiarkan Claude membaca seluruh workspace terbuka.
  • Tutup tab file yang tidak relevan: Beberapa ekstensi menyertakan "Active Open Tabs" ke dalam context prompt secara otomatis. Tutup file yang tidak berkaitan sebelum bertanya.
  • Minta revisi spesifik: Gunakan perintah perbaikan bagian fungsi saja, bukan meminta Claude me-regenerate 1.000 baris file sekaligus.
🎨 Visual Assisted · Interactive Panel
3
VS Code Extension with Integrated CLI (The Ultimate Vibe Setup)
Karakteristik: Menjalankan Claude Code CLI langsung di dalam panel terminal terintegrasi VS Code (Ctrl + ~). Kamu memberikan instruksi otonom di terminal bawah, sementara file yang diubah oleh Claude langsung terbuka dan tersinkronisasi secara real-time di editor atas.

Dampak Token: Sangat efisien karena kamu mendapatkan kecepatan eksekusi CLI tanpa kehilangan kendali visual terhadap perubahan file.

Trik Hemat Token di Integrated Terminal CLI:
  • Gunakan split terminal: Buka 1 tab terminal untuk server/build (misal: npm run dev) dan 1 tab terminal khusus Claude Code. Jangan biarkan output server yang bergulir terus-menerus masuk ke prompt Claude.
  • Tekan Ctrl + C jika Claude salah arah: Segera interupsi jika Claude mulai membaca file di luar batasan task yang kamu berikan.
  • Gunakan perintah git diff: Periksa perubahan sebelum melanjutkan turn berikutnya agar context tetap bersih dan fokus pada sisa perbaikan.
🏆 Best All-Rounder · Integrated CLI
🎯 Aturan Emas Pemilihan Workflow
Gunakan Browser (claude.ai) untuk diskusi arsitektur dan penyusunan konsep awal.
Gunakan VS Code Extension UI untuk perbaikan visual terarah dan code review baris demi baris.
Gunakan Integrated Terminal CLI untuk eksekusi fitur menyeluruh, refactoring multi-file, dan automation testing.

Pilih Model yang Tepat

Selain environment kerja, pilihan model juga menentukan seberapa cepat kuota Claude habis. Model lebih cerdas = lebih boros kuota. Ini panduan singkatnya.

1
Urutan Model: Haiku → Sonnet → Opus → Fable
Haiku = tercepat & termurah, buat tugas simpel. Sonnet = seimbang, cocok jadi default harian. Opus = paling capable, tapi paling boros kuota — simpan untuk task berat. Fable = tier tertinggi, di plan Pro biasanya butuh usage credit terpisah (bukan bagian dari jatah kuota standar).
Tier Versi Current Versi Sebelumnya (Legacy)
⚡ Haiku
4.5 —
📝 Sonnet
Sonnet 5 4.6, 4.5, dst
🎼 Opus
Opus 5 4.8, 4.7, 4.6, dst
📖 Fable / Mythos
Fable 5 —
Versi "current" di atas berlaku per tanggal update panduan ini (lihat Disclaimer). Model baru bisa rilis kapan saja — cek menu pemilihan model di Claude untuk daftar yang tersedia saat ini.
🧭 Model Tier
2
"Legacy" Bukan Berarti Mati
Model itu punya siklus hidup: Active (didukung penuh & direkomendasikan) → Legacy (masih bisa dipakai, tapi sudah tidak dapat update, kandidat pensiun ke depannya) → Deprecated/Retired (benar-benar berhenti berfungsi). Kalau model yang biasa dipakai terasa "kurang" dibanding sebelumnya, cek dulu — kemungkinan sudah masuk status Legacy dan ada versi lebih baru.
🔁 Model Lifecycle
3
Effort Level & Thinking
Effort (Low/Medium/High/Extra/Max) mengatur seberapa dalam Claude "mikir" sebelum jawab — makin tinggi, makin bagus tapi makin boros kuota. Untuk kerja harian yang campuran (kadang simpel kadang berat), Medium biasanya paling seimbang. Toggle Thinking manual sebaiknya dimatikan saja di effort Medium ke atas — model sudah otomatis mikir kalau perlu (adaptive), jadi toggle manual bisa bikin dia mikir lebih dari yang dibutuhkan untuk task simpel.
⚙️ Effort Setting
4
Model Routing per Fase Kerja
Beban mikir dalam satu project itu tidak rata — fase awal (arsitektur, struktur data, trade-off) butuh model lebih pintar, fase eksekusi (nulis kode dari spec yang sudah jelas) tidak. Rutekan model sesuai fase, bukan pakai satu model dari awal sampai akhir:
🎼
Brainstorm Awal — Keputusan Besar
Struktur data, pilihan approach, trade-off arsitektur. Biasanya 3-8 turn pertama.
Opus 5 · Medium
↓
📝
Isi Detail Spec
Arah besar sudah kekunci, tinggal isi nama kolom, penamaan, detail teknis kecil. Boleh turun model di chat yang sama.
Sonnet 5
↓
💻
Coding — Chat Baru
Paste spec final dari fase brainstorm. Sonnet jalankan eksekusi untuk mayoritas web app / full stack scope menengah.
Sonnet 5 · Medium
↓
⚡
Kerjaan Receh
Rename variabel, format ulang, fix typo, komentar kode. Tidak perlu model besar sama sekali.
Haiku · Effort Low
🔺 Naik balik ke Opus hanya kalau Sonnet stuck 2-3× di masalah yang sama — biasanya itu tanda masalahnya di desain, bukan di kode.
🧭 Fase → Model
💡 Key Insight
Sesuaikan model dengan berat task, bukan pakai model tertinggi terus-menerus. Default ke model tier menengah untuk kerja sehari-hari, dan naik ke tier lebih tinggi hanya saat benar-benar dibutuhkan (arsitektur besar, debug rumit, reasoning berlapis). Ini cara paling efektif menjaga kuota mingguan tetap awet.

Catatan: ganti model di tengah chat yang sama menghemat sisi "harga per turn" — tapi tidak mereset context. Riwayat chat tetap ikut terkirim. Yang benar-benar membuang context lama hanya membuka chat baru (lihat section New Chat).

Prompt yang Efisien

Cara kamu nulis prompt sangat mempengaruhi kualitas response dan jumlah token yang dipakai. Ini yang perlu diperhatikan.

✅Do This
  • Spesifik dan clear dari awal — sebutkan context, tujuan, dan output yang diinginkan
  • Samakan persepsi sebelum generate — konfirmasi dulu sebelum minta kode panjang
  • Satu task per chat untuk task besar
  • Sebutkan tech stack, bahasa, dan constraints di awal
  • Minta revisi spesifik, bukan "perbaiki semua"
  • Pakai kata "jangan generate dulu" kalau masih diskusi
❌Don't Do This
  • Prompt ambigu lalu minta revisi berkali-kali — boros token
  • Paste kode panjang bolak-balik di chat yang sama
  • Minta generate kode besar tanpa konfirmasi struktur dulu
  • 1 sesi untuk banyak project berbeda
  • Minta "buatkan semua sekaligus" tanpa checkpoint
  • Lanjut di sesi panjang yang sudah 70%+ token terpakai
1
Samakan Persepsi Dulu
Sebelum minta generate kode atau dokumen panjang, diskusikan dulu struktur, requirement, dan pendekatan. Satu revisi besar = ratusan token terbuang. Konfirmasi kecil di awal = hemat ribuan token di akhir.
⚡ Token Saver
2
Spesifik dari Kalimat Pertama
Sertakan: tech stack, bahasa output (Indonesia/English), format yang diinginkan, dan constraints. Makin Claude paham konteks di awal, makin sedikit bolak-balik klarifikasi yang terjadi.
🎯 Quality Prompt
3
Pecah Task Besar Jadi Checkpoint
Daripada "buatkan aplikasi lengkap sekaligus", pecah jadi: struktur database dulu → backend → frontend per halaman. Tiap checkpoint bisa jadi titik mulai chat baru kalau token mulai habis.
🔄 Best Practice
4
Monitor Panjang Conversation
Makin panjang chat history, makin banyak token di-load setiap response. Kalau conversation sudah sangat panjang dan task sudah selesai — mulai chat baru untuk task berikutnya.
📊 Token Monitor
5
Gabung Jadi 1 Pesan, Jangan Dicicil
Kirim 1 pesan panjang (misal 250 kata sekali enter) jauh lebih hemat daripada beberapa pesan pendek dengan total kata yang sama (misal 5x enter @ 50 kata). Alasannya: setiap kali enter, Claude membaca ulang SELURUH riwayat chat dari awal — jadi makin banyak kali kirim, makin banyak bagian awal yang diproses berulang-ulang, ditambah tiap pesan juga terhitung sebagai kuota pesan tersendiri. Gabungkan pikiran jadi satu pesan kalau sudah tahu mau ngomong apa dari awal. Pengecualian wajar: percakapan bolak-balik yang memang tergantung jawaban sebelumnya (misal debugging bertahap) — itu memang perlu dipecah.
✉️ Message Efficiency
6
Studi Kasus: Generate Duluan vs Tanya-Jawab Dulu
Dua cara kerja yang sering terjadi tanpa disadari bedanya besar. Case 1: minta sesuatu → Claude langsung generate HTML → minta revisi → generate lagi → revisi lagi → generate lagi (3× generate dalam 5 chat). Case 2: tanya-jawab dulu soal struktur & requirement → baru generate sekali di akhir (1× generate dalam 5 chat). Ilustrasi kasar pakai asumsi 1 file HTML ≈ 3.000 token, tanya-jawab ≈ ratusan token:
Case 1 — Generate 3×InputOutput
Turn 1~500~3.000
Turn 2 (revisi)~3.600~3.000
Turn 3 (revisi lagi)~6.700~3.000
Total~10.800~9.000
Case 2 — Tanya-Jawab, 1× GenerateInputOutput
Turn 1 (tanya)~500~200
Turn 2 (jawab)~800~200
Turn 3 (generate)~1.200~3.000
Total~2.500~3.400
Selisihnya sekitar 3-4×. Angka di atas ilustrasi kasar, bukan hasil pengukuran presisi — tapi polanya konsisten: HTML lama yang sudah dibuang tetap ikut terkirim sebagai input di setiap turn berikutnya sampai chat ditutup.
📉 Real Numbers
7
Kata Kunci "GENERATE" Sebagai Gerbang
Instruksi "jangan generate dulu" itu negatif dan kadang masih bisa diterobos kalau prompt-nya terdengar seperti perintah eksekusi. Versi positif dengan kata kunci eksplisit jauh lebih ampuh karena jelas kapan pintunya terbuka:
GENERATE
Taruh di pesan pertama tiap chat baru: "Jangan generate apapun — kode, HTML, dokumen — sampai aku ketik kata GENERATE." Kalau Claude terlanjur generate duluan, jangan langsung minta revisi (itu memicu siklus mahal) — bilang dulu "stop, kita bahas dulu."
🚪 Explicit Gate
8
Revisi Patch, Bukan Full Rewrite
Cara minta revisi menentukan berapa banyak yang ditulis ulang. Minta "perbaiki, buatkan ulang" = Claude nulis ulang seluruh file. Minta snippet pengganti untuk bagian spesifik = jauh lebih murah:
❌ Full Rewrite
"Tolong perbaiki, buatkan ulang file-nya"
Output: seluruh file ditulis ulang, walau cuma 1 fungsi yang berubah
✅ Patch Spesifik
"Kasih snippet pengganti untuk fungsi hitungTotal() saja"
Output: puluhan-ratusan token, cuma bagian yang berubah
Kumpulkan beberapa patch dulu, baru minta versi full sekali di akhir kalau memang perlu file lengkap yang rapi.
🩹 Targeted Fix

Kapan Mulai Chat Baru?

Ini salah satu cara paling efektif hemat token — tahu kapan harus mulai fresh conversation.

🔄
Pindah ke Task/Project Baru
Setiap kali ganti project atau topik yang tidak berkaitan dengan conversation sebelumnya. Context lama hanya jadi beban token tanpa manfaat.
⚠️
Conversation Sudah Sangat Panjang
Kalau kamu sudah generate banyak kode panjang dalam 1 sesi, mulai chat baru untuk lanjut. Copy context penting yang dibutuhkan ke chat baru.
✅
Setelah 1 Fase Selesai
Misalnya selesai bikin database structure → chat baru untuk backend. Selesai backend → chat baru untuk frontend. Tiap fase = chat baru yang fresh.
🐛
Debugging Session Terpisah
Debugging butuh konteks spesifik. Mulai chat baru, paste error message + kode yang bermasalah + konteks singkat. Lebih efisien dari lanjut di sesi develop yang panjang.
💡
Ketika Response Mulai "Ngelantur"
Kalau Claude mulai lupa context awal atau jawaban kurang relevan — tanda context window sudah terlalu panjang. Saatnya chat baru dengan summary singkat.
🎯 Pro Tip
Sebelum mulai chat baru, tulis "summary" singkat dari apa yang sudah dikerjakan — tech stack, keputusan penting, dan next steps. Paste di awal chat baru sebagai konteks. Claude langsung paham tanpa perlu baca ribuan token conversation sebelumnya.

Format Spec Handoff — Pindah Chat

Bawa kondisi akhir, bukan perjalanan menuju ke sana. Yang perlu dibawa ke chat baru cuma 4 hal ini — bukan riwayat debat approach atau error yang sudah selesai:

spec-handoff.txt
TECH STACK: Node.js / Vanilla HTML/CSS/JS, PostgreSQL / Cloudflare Workers
KONTEKS PROJECT: [nama project — 1 baris tujuan utama]

KEPUTUSAN YANG SUDAH DIKUNCI:
  - Database schema sudah final, API route /api/v1/auth selesai
  - CSS modular tokens menggunakan tokens.css
  - [keputusan arsitektur lain yang final]

SCOPE CHAT INI: [fitur/modul spesifik yang mau dikerjakan sekarang]

GENERATE: belum — diskusikan struktur sampai confirmed
Yang tidak perlu dibawa: alasan kenapa dulu pilih approach A bukan B, error-error yang sudah selesai, atau versi-versi file yang sudah dibuang.

Context Permanen Lewat Projects

Kalau kerjaan kamu punya pola berulang (seperti arsitektur web app atau automation di Anabhi Dev), fitur Projects di Claude bikin strategi "sering buka chat baru" jadi benar-benar hemat — tanpa kehilangan konteks.

📁
Simpan Fondasi yang Dipakai Ulang
Pola auth standar, struktur folder project, style CSS baku, konvensi penamaan variabel/fungsi. Sekali disimpan di Projects, tiap chat baru di dalam project itu otomatis "tahu" konteksnya.
💸
Chat Baru Jadi Murah Untuk Dibuka
Tanpa Projects, tiap kali mulai chat baru kamu harus paste ulang fondasi project — itu sendiri makan token. Dengan Projects, tinggal bilang "lanjut ke modul dashboard" dan konteksnya sudah tersedia tanpa perlu ditulis ulang.
🗂️
Satu Project = Satu Folder Kerja
Kelompokkan chat berdasarkan project (bukan campur semua topik dalam satu tempat). Memudahkan cari chat lama, dan menjaga tiap project punya konteksnya sendiri tanpa nyampur ke project lain.
💡 Key Insight
Projects bukan sekadar rapi-rapi folder. Projects adalah yang membuat kebiasaan "satu chat = satu modul, lalu buka baru" jadi strategi hemat token yang nyata — karena fondasi project tidak perlu diketik ulang tiap kali pindah chat.

Catatan Penting

Sebelum kamu share atau terapkan tips ini, ada beberapa hal yang perlu dipahami.

Last Updated: 21 September 2026 — info versi model, CLI & extension akurat per update ini
⚠️ Disclaimer
Tips dan estimasi dalam panduan ini berdasarkan pengalaman praktis penggunaan Claude di dunia nyata dan bukan data resmi dari Anthropic. Angka persentase token usage adalah estimasi komparatif dan bisa berbeda tergantung panjang conversation, kompleksitas kode, konfigurasi .claudeignore, dan tool context.

Versi dan arsitektur model AI berkembang cepat — panduan ini diupdate per 21 September 2026. Model yang disebut "current" di sini (misalnya Sonnet 5, Opus 5, Haiku 4.5) bisa saja mengalami update tier saat kamu membaca ini. Selalu periksa dokumentasi resmi terbaru langsung di docs.anthropic.com.

Meskipun fokus di Claude, prinsip-prinsip efisiensi ini (seperti patch rewrite, ignore list, context compaction, checkpointing) secara umum berlaku juga untuk AI agent tools lain seperti GitHub Copilot CLI, Gemini Code Assist, dan Cursor.
🕐 Soal Jam Pemakaian & Context Caching
Jam pemakaian (WITA vs jam sibuk US) tidak memengaruhi kuota — kuota terpakai murni dihitung dari jumlah token input & output. Anthropic juga telah mengaktifkan Prompt Caching untuk prompt berulang, sehingga menjaga context terstruktur akan otomatis menghemat biaya API hingga 90%.

Claude punya knowledge cutoff — untuk library, framework, atau syntax yang baru rilis, mintalah Claude menggunakan tool web search atau sediakan dokumentasi markdown secara langsung.
📋 Quick Reference Ringkas
Best for Vibe Coding
💻 VS Code + Integrated CLI
Best for Visual Review
🎨 VS Code UI Extension
Best for Autonomous Task
⚡ Claude Code CLI (pwsh)
Always Remember
🔄 New chat /compact per task
TIPS-001 · Claude AI & Agentic Coding · 2026