Halo, para koder! Ingin meningkatkan alur kerja pengembangan Anda dengan pengaturan pengodean AI lokal gratis? Anda berada di tempat yang tepat! Hari ini, kita akan membahas cara membuat lingkungan pengodean AI sumber terbuka yang kuat menggunakan GPT-OSS, Opencode, dan Vibe Kanban. Alat-alat ini memungkinkan Anda mengodekan dengan lebih cerdas, mengotomatiskan tugas, dan mengelola proyek—semuanya tanpa menguras kantong. Dalam panduan ini, kami akan memandu Anda menyiapkan Opencode dengan model GPT-OSS untuk membangun situs web portofolio, lalu menggunakan Vibe Kanban untuk mengelola dan meningkatkannya. Pada akhirnya, Anda akan memiliki kekuatan pengodean lokal yang digerakkan oleh AI. Mari mulai mengodekan dengan GPT-OSS, Opencode, Vibe Kanban!
Ingin platform Terintegrasi, All-in-One untuk Tim Pengembang Anda bekerja sama dengan produktivitas maksimum?
Apidog memenuhi semua permintaan Anda, dan menggantikan Postman dengan harga yang jauh lebih terjangkau!
tombol
Apa Itu GPT-OSS, Opencode, dan Vibe Kanban?
Sebelum kita mulai, mari kita kenali bintang-bintang trio pengodean AI kita:
- GPT-OSS: Dirilis oleh OpenAI pada 5 Agustus 2025, GPT-OSS adalah model bobot terbuka yang tersedia dalam dua ukuran: 20B (ringan) dan 120B (tugas berat). Ini dirancang untuk penalaran dan pengodean, berjalan secara lokal melalui Ollama untuk privasi dan penghematan biaya. Anggap saja sebagai asisten pengodean AI pribadi Anda, gratis di bawah lisensi Apache 2.0.
- Opencode: Agen pengodean AI sumber terbuka dari SST, Opencode berjalan di terminal Anda, memanfaatkan alat seperti
read,write, danedituntuk berinteraksi dengan basis kode Anda. Ini agnostik penyedia, mendukung GPT-OSS, dan terintegrasi dengan Language Server Protocols (LSPs) untuk pengodean yang lebih cerdas. Ini sempurna untuk pengembangan lokal yang berfokus pada privasi. - Vibe Kanban: Alat manajemen proyek modern yang mengintegrasikan agen AI seperti Opencode untuk mengotomatiskan tugas pengodean. Ini terhubung ke GitHub, memungkinkan Anda mengelola proyek melalui papan Kanban (To-Do, In Progress, In Review). Ini ideal untuk menyederhanakan alur kerja dan berkolaborasi dengan AI pada perubahan kode.
Bersama-sama, alat-alat ini menciptakan lingkungan lokal gratis di mana GPT-OSS menggerakkan AI, Opencode menangani tugas pengodean, dan Vibe Kanban mengatur proyek Anda. Mari kita siapkan!

Langkah 1: Instal Opencode
Pertama, kita perlu menginstal Opencode, tulang punggung lingkungan pengodean AI kita. Ini sangat mudah di macOS/Linux, dengan opsi manual untuk Windows.
Untuk macOS/Linux
Jalankan salah satu perintah ini di terminal Anda:
- Metode YOLO (cepat dan mudah):
curl -fsSL https://opencode.ai/install | bash
- Manajer Paket:
npm i -g opencode-ai@latest # atau bun/pnpm/yarn
brew install sst/tap/opencode # macOS dan Linux
paru -S opencode-bin # Arch Linux
Untuk Windows
- Kunjungi github.com/sst/opencode/releases (misalnya, v0.3.112 per Agustus 2025).
- Unduh biner
opencode.exeterbaru. - Simpan ke direktori (misalnya,
C:\opencode).
Uji Instalasi
Verifikasi Opencode berfungsi:
- macOS/Linux: Jalankan
opencodedi terminal Anda. - Windows: Jalankan
<path-to-opencode>/opencode.exe(misalnya,C:\opencode\opencode.exe).
Anda akan melihat UI terminal (TUI) Opencode dimuat. Jika tidak, periksa PATH atau lokasi biner Anda.
Tips Pro: Untuk Windows, tambahkan folder biner ke PATH Anda untuk akses yang lebih mudah.

Langkah 2: Siapkan Proyek Opencode Anda
Mari buat folder proyek baru untuk membangun situs web portofolio menggunakan Opencode dan GPT-OSS. Kita akan mengkonfigurasinya dengan pengaturan kustom.
Buat Folder Proyek:
mkdir opencode-vibekanban-project
cd opencode-vibekanban-project
Tambahkan AGENTS.md:
Buat file bernama AGENTS.md dengan:
# Aturan alat untuk Opencode
- Gunakan hanya alat Opencode: read, write, edit, list, glob, grep, webfetch, bash, task, todowrite, todoread.
- JANGAN panggil alat yang tidak ada seperti Repo_browser.*.
- Lebih suka `edit` untuk memodifikasi file yang ada; gunakan `read` untuk memeriksa sebelum mengedit.
Ini mendefinisikan aturan untuk agen AI Opencode, memastikan ia menggunakan alat yang tepat.
Tambahkan opencode.json:
Buat opencode.json untuk mengkonfigurasi GPT-OSS (model 20B):
{
"$schema": "https://opencode.ai/config.json",
"provider": {
"ollama": {
"npm": "@ai-sdk/openai-compatible",
"name": "Ollama (local)",
"options": {
"baseURL": "http://localhost:11434/v1"
},
"models": {
"gpt-oss:20b": { "name": "gpt-oss 20B (local)" }
}
}
},
"model": "ollama/gpt-oss:20b",
"agent": {
"build": {
"description": "Mode pengodean default hanya dengan alat Opencode.",
"tools": {
"read": true,
"write": true,
"edit": true,
"bash": true,
"grep": true,
"glob": true,
"list": true,
"webfetch": true,
"patch": true,
"todoread": true,
"todowrite": true
},
"prompt": "{file:./AGENTS.md}"
}
},
"instructions": ["AGENTS.md"]
}
Ingin menggunakan GPT-OSS 120B yang lebih kuat? Ganti bagian provider dan model dengan:
"provider": {
"ollama": {
"npm": "@ai-sdk/openai-compatible",
"name": "Ollama (local)",
"options": {
"baseURL": "http://localhost:11434/v1"
},
"models": {
"gpt-oss:120b": { "name": "gpt-oss 120B (local)" }
}
}
},
"model": "ollama/gpt-oss:120b"
Catatan: Simpan AGENTS.md dan opencode.json di opencode-vibekanban-project. File-file ini memberi tahu Opencode untuk menggunakan GPT-OSS dan mengikuti aturan perkakas tertentu.
Langkah 3: Instal dan Jalankan GPT-OSS dengan Ollama
GPT-OSS berjalan secara lokal melalui Ollama, alat ringan untuk mengelola LLM. Anda akan membutuhkan mesin yang layak (RAM 16GB+ untuk 20B, 64GB+ untuk 120B).
- Instal Ollama:
- Unduh dan instal dari ollama.ai untuk macOS, Linux, atau Windows (disarankan WSL2).
2. Tarik Model GPT-OSS:
- Untuk 20B (lebih ringan, lebih cepat):
ollama pull gpt-oss:20b
- Untuk 120B (lebih kuat, lebih lambat):
ollama pull gpt-oss:120b

3. Jalankan Model:
- Mulai model (pilih salah satu):
ollama run gpt-oss:20b
atau
ollama run gpt-oss:120b
- Ini memulai server Ollama di
http://localhost:11434, sesuai denganbaseURLdiopencode.json.
Tips Pro: Pastikan Ollama berjalan sebelum memulai Opencode, atau Anda akan mendapatkan kesalahan koneksi.
Langkah 4: Jalankan Opencode untuk Proyek Anda
Sekarang, mari kita nyalakan Opencode di folder proyek Anda:
- Navigasi ke Proyek:
cd opencode-vibekanban-project
2. Jalankan Opencode:
- macOS/Linux:
opencode .
- Windows:
<path-to-opencode>/opencode.exe .
.memberi tahu Opencode untuk menggunakan direktori saat ini (opencode-vibekanban-project).
3. Verifikasi Pengaturan:
- TUI Opencode akan dimuat, menampilkan folder proyek dan model GPT-OSS yang dipilih (tidak perlu konfigurasi manual berkat
opencode.json).

Langkah 5: Buat Situs Web Portofolio dengan Opencode
Mari gunakan Opencode dan GPT-OSS untuk membangun halaman arahan portofolio sederhana untuk pengembang bernama John Doe, menggunakan React dengan Vite.
Masukkan Prompt:
- Di TUI Opencode, ketik:
Buat halaman arahan portofolio sederhana untuk pengembang bernama John Doe di React dengan Vite.
- Tekan Enter. Opencode menggunakan GPT-OSS untuk menghasilkan proyek, membuat file seperti
index.html,src/App.jsx, danvite.config.js.
Jalankan Situs Web:
- Navigasi ke folder proyek yang dihasilkan (misalnya,
john-doe-portfoliodi dalamopencode-vibekanban-project). - Instal dependensi dan mulai:
npm install
npm run dev
- Buka
http://localhost:5173untuk melihat situs.

Push ke GitHub:
- Buat repositori GitHub baru (misalnya,
john-doe-portfolio). - Inisialisasi Git dan push:
git init
git add .
git commit -m "Situs web portofolio awal"
git remote add origin https://github.com/your-username/john-doe-portfolio.git
git push -u origin main
Tips Pro: Gunakan alat webfetch Opencode untuk menarik inspirasi dari situs portofolio yang ada jika diperlukan.
Langkah 6: Siapkan Vibe Kanban untuk Manajemen Proyek
Sekarang, mari kita integrasikan Vibe Kanban untuk mengelola dan meningkatkan proyek portofolio dengan agen AI.
Instal Vibe Kanban:
- Di terminal baru, jalankan:
npx vibe-kanban
- Ini menginstal dan meluncurkan antarmuka web Vibe Kanban (biasanya di
http://localhost:3000).
Konfigurasi Vibe Kanban:
- Di antarmuka, atur:
- Agen Pengodean: Pilih Opencode (ini mendeteksi pengaturan lokal Anda).
- IDE: Pilih IDE pilihan Anda (misalnya, Cursor, VS Code, atau Windsurf).
- Hubungkan ke GitHub:
- Autentikasi dengan akun GitHub Anda untuk menautkan repositori.

Buat Proyek Baru:
- Klik Buat Proyek Baru.
- Pilih repositori GitHub
john-doe-portfolioAnda. - Beri nama proyek (misalnya, “Portofolio John Doe”) dan lanjutkan.

Langkah 7: Tambahkan Tugas dengan Vibe Kanban
Mari gunakan Vibe Kanban untuk meningkatkan portofolio dengan menambahkan fitur baru, seperti formulir kontak.
Buat Tugas:
- Di Vibe Kanban, klik Tugas Baru.
- Tambahkan:
- Judul: “Pembaruan Antarmuka Pengguna”
- Deskripsi: “Ganti warna hitam di situs web dengan kuning gelap.”
- Klik Buat dan Mulai.

Pilih Agen:
- Pilih Opencode sebagai agen (bukan Claude Code atau Gemini).
- Tugas berpindah ke Sedang Berlangsung saat Opencode memodifikasi basis kode.

Tinjau dan Setujui:
- Setelah selesai, tugas berpindah ke Dalam Peninjauan.
- Lihat perubahan di penampil diff Vibe Kanban atau buka di IDE Anda (misalnya, VS Code).
- Jika puas, klik Selesai untuk melakukan commit dan push ke GitHub:
git add .
git commit -m "Menambahkan formulir kontak"
git push
Tips Pro: Gunakan Vibe Kanban untuk mengantrekan beberapa tugas (misalnya, “Tambahkan mode gelap,” “Optimalkan gambar”) dan biarkan Opencode menanganinya secara berurutan.
Memecahkan Masalah Umum
- Opencode TUI Gagal? Pastikan Ollama berjalan (
ollama ps) danhttp://localhost:11434dapat diakses. Periksaopencode.jsonuntuk kesalahan penulisan. - GPT-OSS Lambat? Model 120B membutuhkan RAM yang besar; beralih ke 20B untuk mesin yang lebih ringan.
- Vibe Kanban Tidak Terhubung? Verifikasi autentikasi GitHub dan pastikan repositori bersifat publik atau dapat diakses.
- Masalah Data Mock? Alat
todoreaddantodowriteOpencode dapat men-debug masalah tugas—periksa log di TUI. - Kesalahan Biner Windows? Unduh ulang dari github.com/sst/opencode/releases jika
opencode.exegagal.
Mengapa Tumpukan Ini Hebat
Kombinasi GPT-OSS, Opencode, Vibe Kanban adalah impian pengembang:
- Gratis dan Lokal: Tanpa biaya cloud, hanya mesin Anda dan alat sumber terbuka.
- AI yang Kuat: GPT-OSS menyaingi model berbayar seperti Claude, dengan opsi 20B/120B.
- Alur Kerja Fleksibel: Pengodean berbasis terminal Opencode dan papan Kanban Vibe Kanban membuat manajemen tugas menjadi mudah.
- Digerakkan oleh Komunitas: Berkontribusi pada Opencode (1.2k fork, 19.2k bintang) atau Vibe Kanban untuk membentuk masa depan mereka.
Pengguna menyukai pengaturan ini: “Opencode dengan GPT-OSS membangun situs saya dalam hitungan menit, dan Vibe Kanban menjaganya tetap terorganisir!” Cobalah dan lihat mengapa.
Kesimpulan
Anda baru saja membangun lingkungan pengodean AI lokal gratis dengan GPT-OSS, Opencode, dan Vibe Kanban! Dari membuat situs portofolio hingga mengelola tugas dengan agen AI, Anda siap untuk mengodekan dengan lebih cerdas. Bereksperimenlah dengan fitur baru, berkontribusi pada repositori, dan bagikan proyek Anda di komentar. Mari teruskan revolusi pengodean AI!
Ingin platform Terintegrasi, All-in-One untuk Tim Pengembang Anda bekerja sama dengan produktivitas maksimum?
Apidog memenuhi semua permintaan Anda, dan menggantikan Postman dengan harga yang jauh lebih terjangkau!
tombol
