Panduan singkat untuk memahami fitur unik dari Google Antigravity, development environment bertenaga AI generasi berikutnya.
Apa itu Antigravity?
Antigravity adalah sebuah IDE agentic yang mengubah cara developer bekerja. Alih-alih menulis kode baris demi baris, Anda mendeskripsikan tugas pada level yang lebih tinggi dan membiarkan agen AI menangani implementasinya. Agen tersebut dapat:
- Bekerja di beberapa file secara bersamaan
- Menjalankan perintah terminal
- Menjelajahi web untuk riset
- Membuat rencana implementasi (implementation plans)
- Melakukan verifikasi terhadap pekerjaannya sendiri
📁 GEMINI.md - Instruksi untuk Agen
File GEMINI.md adalah file markdown yang memberi tahu agen bagaimana harus bertindak dalam proyek Anda.
Jenis-jenis GEMINI.md
| Lokasi | Cakupan | Contoh Kasus Penggunaan |
|---|
~/.gemini/GEMINI.md | Global - Semua proyek | ”Selalu gunakan TypeScript”, “Lebih suka pnpm daripada npm” |
.gemini/GEMINI.md | Workspace - Proyek saat ini | ”Gunakan Next.js App Router”, “Ikuti pola API kami” |
Contoh GEMINI.md
# Panduan Proyek
## Tech Stack
- Framework: Next.js 14 dengan App Router
- Styling: Tailwind CSS
- Database: Supabase
## Standar Coding
- Gunakan TypeScript strict mode
- Tulis pengujian (_tests_) untuk semua fitur baru
- Ikuti conventional commits
## Jangan
- Jangan pernah gunakan tipe `any`
- Jangan commit file .env
🧠 Skills - Memperluas Kemampuan Agen
Skills adalah kumpulan instruksi yang dapat digunakan kembali yang mengajarkan agen cara melakukan tugas khusus. Mereka mengikuti standar agentskills.io.
Lokasi Skills
~/.gemini/antigravity/skills/ # Global skills (semua proyek)
.agent/skills/ # Skills khusus proyek
Struktur Skill
skills/
└── deploy-to-vercel/
├── SKILL.md # Wajib - instruksi utama
├── scripts/ # Opsional - script pembantu
└── examples/ # Opsional - kode referensi
Contoh SKILL.md
---
name: Deploy to Vercel
description: Deploy proyek ke Vercel dengan pengaturan optimal
tags: [deployment, vercel, nextjs]
---
## Gambaran Umum
Skill ini memungkinkan _deployment_ ke Vercel.
## Instruksi
1. Periksa konfigurasi vercel.json
2. Jalankan `vercel --prod` untuk _production deploys_
3. Verifikasi bahwa URL _deployment_ dapat diakses
## Contoh
- `vercel deploy --prod`
- `vercel env pull .env.local`
📚 Knowledge - Memori Agen
Agen dapat mengingat informasi penting di berbagai sesi.
Jenis-jenis Knowledge
| Tipe | Deskripsi |
|---|
| Facts | Hal-hal yang telah Anda beri tahu ke agen (“Saya lebih suka tabs daripada spaces”) |
| Preferences | Gaya kerja dan preferensi Anda |
| Project Context | Informasi tentang codebase Anda yang dipelajari seiring waktu |
Cara Penggunaan
Cukup beri tahu agen hal yang penting dan ia akan mengingatnya:
Anda: "Ingat bahwa kita selalu menggunakan pnpm di proyek ini"
Agen: "Siap! Saya akan menggunakan pnpm untuk manajemen paket."
🎛️ Agent Manager - Pusat Kontrol
Agent Manager adalah antarmuka utama untuk berinteraksi dengan agen AI. Di sinilah percakapan terjadi.
Fitur Utama
| Fitur | Deskripsi |
|---|
| Conversation History | Semua chat Anda diatur berdasarkan sesi |
| Model Selection | Berpindah antara model Gemini, Claude, GPT |
| Mode Toggle | Berpindah antara mode Planning dan Fast |
| Task Progress | Lihat apa yang sedang dikerjakan agen |
Mode
| Mode | Terbaik Untuk | Perilaku |
|---|
| Planning Mode | Tugas kompleks | Membuat rencana implementasi, mengaturnya ke dalam grup tugas |
| Fast Mode | Perbaikan cepat | Eksekusi langsung, perencanaan minimal |
📋 Artifacts - Produk Kerja Agen
Artifacts adalah dokumen terstruktur yang dibuat agen untuk menjaga transparansi dan kontrol.
Jenis-jenis Artifacts
| Artifact | Tujuan |
|---|
| Task List | Pelacak progres langsung (Riset → Implementasi → Verifikasi) |
| Implementation Plan | Proposal detail dari perubahan (membutuhkan persetujuan Anda!) |
| Walkthrough | Tur terpandu dari perubahan setelah selesai |
Contoh Rencana Implementasi (Implementation Plan)
# Implementation Plan: Tambahkan Dark Mode
## Gambaran Umum
Tambahkan toggle _dark mode_ ke aplikasi.
## Perubahan yang Diperlukan
### 1. Buat Theme Context
- File: `src/context/ThemeContext.tsx`
- Tambahkan React context untuk state tema
### 2. Update CSS Variables
- File: `src/styles/globals.css`
- Tentukan palet warna _dark mode_
### 3. Tambahkan Toggle Component
- File: `src/components/ThemeToggle.tsx`
- Buat tombol toggle dengan ikon
## Verifikasi
- [ ] Toggle dapat berpindah tema
- [ ] Preferensi tersimpan di localStorage
- [ ] Tidak ada kedipan (_flash_) tema yang salah saat dimuat
🔄 Workflows - Prosedur yang Dapat Digunakan Kembali
Workflows adalah prosedur langkah demi langkah yang diikuti agen untuk tugas umum.
Lokasi Workflows
.agent/workflows/ # Workflows proyek
~/.gemini/workflows/ # Workflows global
---
description: Cara deploy ke produksi
---
## Langkah-langkah
1. Jalankan pengujian
```bash
npm run test
```
-
Bangun aplikasi (build)
npm run build
-
Deploy ke produksi (production)
// turbo
vercel --prod
> 💡 Anotasi `// turbo` memungkinkan eksekusi otomatis dari langkah tersebut.
---
## 📏 Rules - Batasan Perilaku
**Rules** adalah batasan yang memandu perilaku agen. Lebih spesifik daripada `GEMINI.md`, mereka ditujukan untuk panduan yang ditargetkan.
### Lokasi
.gemini/rules/ # Aturan proyek
### Contoh Aturan (_Rule_)
```markdown
---
description: Aturan pemformatan respons API
---
## Respons API
Semua endpoint API harus:
1. Mengembalikan JSON dengan struktur yang konsisten
2. Menyertakan field boolean `success`
3. Menyertakan field `data` atau `error`
4. Menggunakan HTTP status codes dengan benar
## Format Respons
```json
{
"success": true,
"data": { ... }
}
{
"success": false,
"error": {
"code": "NOT_FOUND",
"message": "Resource not found"
}
}
🔌 MCP Servers - Koneksi Eksternal
MCP (Model Context Protocol) memungkinkan agen untuk terhubung ke alat dan layanan eksternal.
Koneksi yang Didukung
| Tipe | Contoh |
|---|
| Databases | SQLite, PostgreSQL, MySQL |
| Services | Sentry, Linear, GitHub, GitLab |
| Local Tools | Script kustom, CLI |
Konfigurasi
Server MCP dikonfigurasi dalam pengaturan Anda. Setelah terhubung, agen dapat:
- Melakukan query ke database Anda secara langsung
- Membuat issue di Linear
- Membaca log error dari Sentry
- Berinteraksi dengan repositori GitHub Anda
Contoh Kasus Penggunaan
Anda: "Tunjukkan error terbaru dari Sentry"
Agen: [melakukan query ke Sentry via MCP] "Menemukan 3 error baru dalam satu jam terakhir..."
Anda: "Buat issue di Linear untuk bug ini"
Agen: [membuat issue via MCP] "Berhasil membuat issue DEV-123: Perbaiki timeout login"
🤖 Model yang Tersedia
Antigravity mendukung berbagai model AI yang dapat Anda pilih:
| Model | Provider | Terbaik Untuk |
|---|
| Gemini 3 Pro | Google | Penalaran kompleks, konteks besar |
| Gemini 3 Flash | Google | Respons cepat, tugas sehari-hari |
| Claude 4.5 Sonnet | Anthropic | Coding, pemahaman nuansa |
| Claude 4.5 Opus | Anthropic | Paling mampu, tugas kompleks |
| GPT-OSS | OpenAI | Tujuan umum |
Berpindah Model
Gunakan pemilih model di Agent Manager, atau tentukan dalam pesan Anda:
/model gemini-3-pro
🌐 Browser Subagent - Otomasi Web
Browser Subagent adalah agen khusus yang dapat mengontrol web browser.
Kemampuan
| Tindakan | Contoh |
|---|
| Navigasi | Membuka URL, mengikuti link |
| Membaca | Mengekstrak konten dari halaman web |
| Berinteraksi | Klik tombol, isi formulir |
| Screenshot | Mengambil status visual |
| Pengujian | Menjalankan UI tests, memverifikasi deployment |
Kasus Penggunaan
Anda: "Periksa apakah situs staging kita berfungsi"
Agen: [membuka browser, navigasi ke situs, memeriksa error]
"Staging sudah aktif. Beranda dimuat dalam 1,2 detik. Tidak ada error konsol."
Anda: "Baca dokumentasi Next.js terbaru tentang caching"
Agen: [menjelajahi dokumentasi, mengekstrak informasi]
"Berikut ringkasan strategi caching..."
Anda: "Buat issue di GitHub untuk bug ini"
Agen: [navigasi ke GitHub, membuat issue]
"Berhasil membuat issue #42: Perbaiki timeout autentikasi"
🏁 Referensi Cepat
| Fitur | Lokasi | Tujuan |
|---|
| GEMINI.md | .gemini/ atau ~/.gemini/ | Instruksi proyek/global |
| Skills | .agent/skills/ | Memperluas kemampuan agen |
| Knowledge | Memori agen | Fakta & preferensi persisten |
| Workflows | .agent/workflows/ | Prosedur langkah demi langkah |
| Rules | .gemini/rules/ | Batasan perilaku |
| MCP | Pengaturan | Koneksi layanan eksternal |
🔗 Sumber Daya
Membangun dengan cara baru! 🚀