Tools dan IDE untuk AI Coding

Tutorial ini berfokus pada coding agents/coding surfaces. Nama command, plan, login, dan limit dapat berubah. Selalu cek dokumentasi resmi sebelum instalasi.

1. Pilih Satu Tool Dulu

Untuk pengguna baru, hindari menjalankan banyak agent di folder yang sama. Pilih satu tool utama selama beberapa task sampai Anda memahami:

• cara agent membaca repository;
• bagaimana permission bekerja;
• cara memilih model;
• bagaimana melihat diff;
• cara menghentikan loop yang salah;
• cara memakai Git untuk recovery.

Setelah baseline stabil, baru pertimbangkan agent kedua atau Git worktree.

2. Mengapa Memulai dari IDE Lebih Nyaman?

IDE atau code editor memberi satu tempat untuk membuka folder project, mencari file, melihat error, menjalankan terminal, memeriksa Source Control, dan membaca diff. Coding agent tetap dapat bekerja dari terminal, tetapi pemula biasanya lebih mudah mengawasi perubahan melalui IDE.

Setup awal yang sederhana:

IDE
+ Git
+ runtime project
+ satu coding agent
+ browser untuk preview

Gunakan satu IDE utama. Anda tidak perlu memasang semua editor sekaligus.

3. Install Visual Studio Code

VS Code adalah editor gratis untuk Windows, macOS, dan Linux. Unduh hanya dari halaman resmi VS Code.

Windows

1. Pilih User Installer untuk arsitektur komputer Anda. Opsi ini cocok untuk kebanyakan pengguna dan umumnya tidak memerlukan hak administrator.
2. Jalankan file .exe dan ikuti installer.
3. Tutup lalu buka kembali terminal agar command code dikenali.
4. Buka folder project dari menu File > Open Folder, atau jalankan code . dari folder project.

macOS

1. Unduh file .dmg.
2. Pindahkan Visual Studio Code ke folder Applications.
3. Untuk mengaktifkan command code, buka Command Palette lalu jalankan Shell Command: Install 'code' command in PATH.

Linux

Gunakan paket .deb, .rpm, Snap, atau metode resmi yang sesuai distribusi Anda dari halaman download. Setelah instalasi, verifikasi:

code --version

Kenali panel Explorer, Search, Source Control, Terminal, Problems, Extensions, dan diff editor sebelum memberi agent izin edit.

4. Install Google Antigravity IDE

Google Antigravity IDE adalah development environment agentic yang menggabungkan editor, agent, terminal, browser, dan artifact review. Unduh dari halaman resmi Google Antigravity. Halaman tersebut menyediakan installer Windows x64/ARM64, macOS Apple Silicon/Intel, dan Linux x64/ARM64 beserta persyaratan minimum.

Langkah awal:

1. Pilih installer yang cocok dengan OS dan arsitektur perangkat.
2. Install lalu sign in dengan account yang akan digunakan.
3. Buka satu folder project, bukan seluruh drive atau folder personal.
4. Mulai dengan mode analisis/read-only.
5. Periksa plan, artifact, diff, dan command sebelum menyetujui perubahan.

Antigravity juga menyediakan extension untuk editor tertentu. Namun untuk pemula, pilih salah satu: Antigravity IDE sebagai workspace utama, atau VS Code dengan agent pilihan. Hindari dua agent mengubah working tree yang sama bersamaan.

5. Install Git dan Runtime Project

IDE tidak menggantikan Git atau runtime. Install Git, lalu verifikasi:

git --version

Jika project memakai JavaScript/TypeScript, install versi Node.js LTS atau versi yang diwajibkan repository dari Node.js Download, lalu verifikasi:

node --version
npm --version

Periksa package.json, lockfile, README, dan implementation guide sebelum mengganti versi runtime atau package manager.

6. OpenAI Codex / ChatGPT Coding Surfaces

Codex tersedia dalam beberapa surface, termasuk CLI/IDE/cloud sesuai product access yang dimiliki pengguna. Untuk terminal, dokumentasi Codex menyediakan installer dan command codex.

Instalasi terminal - macOS/Linux

curl -fsSL https://chatgpt.com/codex/install.sh | sh

Masuk ke folder project lalu jalankan:

cd /path/to/project
codex

First session yang direkomendasikan

1. Buat Git baseline.
2. Jalankan Codex di root project.
3. Gunakan /init bila Anda ingin membuat AGENTS.md untuk repository rules.
4. Gunakan /status untuk memahami session/status.
5. Pilih model sesuai task melalui /model bila tersedia pada surface tersebut.
6. Mulai dengan prompt analisis tanpa edit.
7. Setelah implementasi, gunakan review/diff workflow sebelum commit.

Contoh prompt pertama:

Baca README, AGENTS.md jika ada, PRD, schema, dan file yang relevan.
Jangan ubah file dulu.
Jelaskan struktur project, command verifikasi, risiko, dan plan untuk task ini.

Untuk UI, Codex dapat diberi image/screenshot reference pada surface yang mendukung input image. Jangan menganggap screenshot sendiri cukup; tetap ekstrak visual rules ke DESIGN.md.

Sumber: https://learn.chatgpt.com/docs/codex/cli

7. Anthropic Claude Code

Claude Code adalah agent coding yang bekerja dari terminal dan dapat memakai Claude models sesuai account/plan/configuration.

Instalasi macOS/Linux/WSL

curl -fsSL https://claude.ai/install.sh | bash

Instalasi Windows PowerShell

irm https://claude.ai/install.ps1 | iex

Masuk ke project dan jalankan Claude Code sesuai command yang diberikan installer, lalu minta agent membaca repository sebelum mengubahnya.

Gunakan CLAUDE.md

Claude Code membaca CLAUDE.md sebagai project memory/instructions pada awal session. Gunakan untuk hal stabil seperti:

# Project Rules

## Stack
- Next.js
- TypeScript
- PostgreSQL

## Commands
- `npm run lint`
- `npm test`
- `npm run build`

## Rules
- Jangan menambah dependency tanpa alasan.
- Jangan commit secret.
- Jangan ubah schema di luar migration.
- Gunakan components existing sebelum membuat abstraction baru.

Jangan masukkan novel requirement sementara yang cepat usang ke CLAUDE.md; taruh task-specific detail di prompt/issue/plan.

Sumber: https://code.claude.com/docs/en/overview

8. Google Gemini CLI

Gemini CLI adalah agent terminal Google yang aktif dan terhubung dengan Gemini Code Assist quota/model access sesuai account. Dokumentasi resmi Google yang diperbarui pada 2026 menyatakan Gemini CLI aktif; jangan gunakan klaim lama bahwa consumer Gemini CLI sudah dihentikan.

Prasyarat

• Node.js 20+ menurut dokumentasi installer saat snapshot ini dibuat.

Instalasi

npm install -g @google/gemini-cli

Alternatif tanpa global install:

npx @google/gemini-cli

Jalankan:

cd /path/to/project
gemini

Project context

Gunakan GEMINI.md untuk aturan/context project yang stabil, lalu tetap berikan task-specific prompt yang sempit.

Contoh:

Baca GEMINI.md, PRD, dan source yang relevan.
Jangan implement dulu.
Buat plan satu vertical slice dan sebutkan command verifikasinya.

Gemini CLI memiliki pola quota yang berbeda dari provider dengan 5-hour session window; lihat halaman limits di tutorial berikutnya.

Sumber: https://docs.cloud.google.com/gemini/docs/codeassist/gemini-cli

9. OpenCode

OpenCode adalah open-source coding agent, bukan model/provider tunggal. Ia dapat menggunakan provider/model yang Anda pilih, atau layanan routing/credit yang didukung OpenCode.

Instalasi

curl -fsSL https://opencode.ai/install | bash

atau:

npm install -g opencode-ai

Jalankan:

cd /path/to/project
opencode

Di dalam OpenCode, /init dapat membuat AGENTS.md. Commit file itu agar repository rules ikut version control.

Kenapa OpenCode berguna?

• satu tool untuk beberapa provider;
• mudah membandingkan model pada task yang sama;
• cocok untuk pengguna yang ingin menghindari lock-in pada satu model;
• tetap membutuhkan pengelolaan API key, quota, privacy, dan cost per provider.

Tidak ada “limit OpenCode 5 jam” yang universal. Limit mengikuti provider/account/credit path yang dipakai.

Sumber: https://opencode.ai/docs/

10. ZCode / GLM dari Z.AI

Jika Anda menyebut “Z code”, dalam konteks Z.AI yang relevan adalah ZCode dan keluarga model GLM. Z.AI juga menawarkan GLM Coding Plan yang dapat dipakai melalui beberapa coding tools, termasuk integration path yang mereka dokumentasikan untuk tools seperti OpenCode/Claude Code-compatible clients.

Pada snapshot 2026-09-04, model coding plan yang didokumentasikan mencakup keluarga GLM-5.3 dan GLM-5.3-Flash. Karena instalasi dan client path dapat berubah, gunakan petunjuk resmi Z.AI untuk ZCode atau tool pilihan Anda.

Sumber: https://docs.z.ai/devpack/overview

Bila yang Anda maksud Zed

Zed adalah code editor, bukan Z.AI model. Zed dapat menjadi host/editor untuk AI workflows. Pisahkan keputusan “editor apa?” dari “agent/model apa?”.

11. Kimi Code

Kimi Code adalah coding agent dari ekosistem Kimi/Moonshot AI.

Instalasi terminal

curl -fsSL https://code.kimi.com/kimi-code/install.sh | bash

Setelah installer selesai, ikuti command yang ditampilkan untuk login dan membuka project.

Model family Kimi saat snapshot ini mencakup model general/long-context dan coding-focused. Gunakan model coding/high-speed untuk implementation rutin, lalu model capability lebih tinggi untuk task lintas-file yang sulit bila diperlukan.

Sumber:

• https://www.kimi.com/code
• https://platform.kimi.ai/docs/overview

12. Satu Prompt Onboarding yang Portable

Gunakan prompt yang sama di agent mana pun:

Tujuan: pahami repository sebelum coding.

1. Baca repository instructions yang didukung tool ini.
2. Baca README, manifest/implementation guide, PRD, schema, dan docs yang relevan.
3. Jangan ubah file apa pun dulu.
4. Laporkan:
   - source of truth;
   - struktur project;
   - command install/dev/lint/typecheck/test/build;
   - dependency penting;
   - security boundary;
   - conflict atau informasi yang hilang.
5. Buat PLAN.md untuk satu task kecil pertama.

13. Tool Selection Guide

Jangan memilih hanya berdasarkan benchmark. Pertimbangkan repository access, permission controls, image input, context management, model availability, rate/usage limits, privacy, price, latency, dan kemampuan Anda melakukan recovery dengan Git.

14. Safety Sebelum Memberi Agent Command Access

• Jangan simpan API key di AGENTS.md, CLAUDE.md, GEMINI.md, atau prompt history.
• Masukkan secret ke .env.local/secret manager dan pastikan ignored.
• Baca command sebelum menyetujui destructive action.
• Hindari production DB untuk eksperimen.
• Satu agent aktif per working tree.
• Commit checkpoint sebelum refactor/migration.
• Jangan jalankan installer/script pihak ketiga tanpa memeriksa source dan reputasinya.