Tutorial Vibe Coding dengan Claude Code: Setup dan Best Practice
KR
Kevin Ray

Dipublikasikan 29 Juni 2026

Tutorial Vibe Coding dengan Claude Code: Setup dan Best Practice

vibe-coding
claude-code
claude-code
developer
coding

Vibe coding adalah pendekatan pengembangan software di mana developer menggunakan AI coding agent sebagai pair programmer aktif, bukan sekadar autocomplete. Claude Code dari Anthropic merupakan salah satu tool terdepan untuk metode ini. Artikel ini akan membahas cara setup Claude Code di terminal serta strategi prompt yang efektif agar sesi vibe coding-mu menghasilkan kode berkualitas produksi.

Mengenal Claude Code

Claude Code adalah agent AI berbasis terminal yang dirancang untuk membantu developer menulis, mengedit, dan memahami codebase. Berbeda dengan IDE extension, Claude Code berjalan langsung di shell dan memiliki akses penuh ke file system, Git history, serta kemampuan menjalankan perintah build dan test. Ini membuatnya sangat cocok untuk vibe coding yang menekankan alur kerja iteratif dan eksploratif.

Langkah 1: Instalasi Claude Code CLI

Claude Code tersedia sebagai package npm. Pastikan Node.js versi 18 atau lebih baru sudah terinstal di sistemmu. Jalankan perintah berikut:

npm install -g @anthropic-ai/claude-code

Setelah instalasi selesai, autentikasikan CLI dengan API key Anthropic:

claude config set api_key sk-ant-xxxxx

Verifikasi instalasi dengan menjalankan claude --version. Jika output menampilkan nomor versi, Claude Code siap digunakan.

Langkah 2: Inisialisasi Project dan Konteks

Masuk ke direktori proyek yang ingin dikerjakan, lalu jalankan:

cd /path/to/your-project
claude

Claude Code akan melakukan indexing awal terhadap struktur direktori dan file penting seperti package.json, README.md, atau pyproject.toml. Proses ini memungkinkan agent memahami konteks teknis sebelum memberikan saran. Untuk project besar, pertimbangkan membuat file CLAUDE.md di root yang berisi arsitektur tingkat tinggi dan convention yang digunakan tim.

Langkah 3: Strategi Prompt Efektif

Kunci sukses vibe coding terletak pada cara memberikan instruksi. Gunakan format berikut:

  • Goal-oriented prompt: Mulai dengan hasil akhir yang diinginkan. Contoh: "Buatkan endpoint REST untuk user authentication dengan JWT dan rate limiting."

  • Context injection: Sebutkan framework atau library yang digunakan. Contoh: "Gunakan Express.js dan bcrypt. Simpan secret key di environment variable."

  • Constraint explicit: Tentukan batasan yang tidak boleh dilanggar. Contoh: "Jangan ubah file yang ada di folder migrations."

Hindari prompt yang terlalu vauge seperti "fix this" tanpa menyertakan error log atau behavior yang diharapkan.

Langkah 4: Iterasi Kode dengan Perintah Built-in

Claude Code menyediakan beberapa perintah internal untuk mempercepat iterasi:

/edit src/auth.js --description "Tambahkan middleware rate limiting"

Perintah /edit memungkinkanmu meminta perubahan spesifik pada satu file tanpa harus menyalin-paste kode secara manual. Untuk memastikan kualitas, gunakan /test setelah setiap iterasi besar:

/test --command "npm test" --description "Pastikan semua test auth masih pass"

Gunakan /git untuk melihat diff atau membuat commit dengan pesan yang jelas secara otomatis.

Langkah 5: Review dan Commit Otomatis

Jangan langsung menerima semua perubahan yang diusulkan Claude Code. Selalu lakukan review dengan /diff sebelum menyimpan. Setelah yakin, manfaatkan fitur commit otomatis:

/commit -m "feat: implement JWT authentication with rate limiter"

Untuk project production, aktifkan branch protection dan jalankan CI pipeline setelah commit. Claude Code bisa membantu menulis deskripsi PR yang komprehensif berdasarkan commit history:

/pr --description "Generate PR description dari perubahan di branch ini"

Kesimpulan

Vibe coding dengan Claude Code mengubah cara developer berinteraksi dengan codebase. Dengan setup yang tepat dan strategi prompt yang jelas, kamu bisa mempercepat siklus development tanpa mengorbankan kualitas kode. Ingatlah bahwa AI adalah asisten, bukan pengganti judgment teknismu. Selalu review output, jalankan test, dan pertahankan standar code review yang sama seperti saat bekerja dengan engineer manusia.