Hallo, Entwickler! Möchten Sie Ihren Entwicklungs-Workflow mit einem kostenlosen, lokalen KI-Codierungs-Setup optimieren? Dann sind Sie hier genau richtig! Heute tauchen wir ein in die Erstellung einer leistungsstarken, quelloffenen KI-Codierungsumgebung mithilfe von GPT-OSS, Opencode und Vibe Kanban. Diese Tools ermöglichen es Ihnen, intelligenter zu programmieren, Aufgaben zu automatisieren und Projekte zu verwalten – und das alles, ohne Ihr Budget zu sprengen. In diesem Leitfaden führen wir Sie durch die Einrichtung von Opencode mit dem GPT-OSS-Modell, um eine Portfolio-Website zu erstellen, und anschließend durch die Verwendung von Vibe Kanban, um diese zu verwalten und zu erweitern. Am Ende verfügen Sie über ein lokales, KI-gesteuertes Codierungs-Kraftpaket. Fangen wir an mit dem Codieren mit GPT-OSS, Opencode, Vibe Kanban!
Möchten Sie eine integrierte All-in-One-Plattform, damit Ihr Entwicklerteam mit maximaler Produktivität zusammenarbeiten kann?
Apidog erfüllt all Ihre Anforderungen und ersetzt Postman zu einem viel erschwinglicheren Preis!
Was sind GPT-OSS, Opencode und Vibe Kanban?
Bevor wir loslegen, lernen wir die Stars unseres KI-Codierungs-Trios kennen:
- GPT-OSS: Am 5. August 2025 von OpenAI veröffentlicht, ist GPT-OSS ein Open-Weight-Modell, das in zwei Größen erhältlich ist: 20B (leichtgewichtig) und 120B (leistungsstark). Es ist für logisches Denken und Codierung konzipiert und läuft lokal über Ollama für Datenschutz und Kosteneinsparungen. Stellen Sie es sich als Ihren persönlichen KI-Programmierassistenten vor, kostenlos unter der Apache 2.0 Lizenz.
- Opencode: Ein Open-Source-KI-Codierungsagent von SST. Opencode läuft in Ihrem Terminal und nutzt Tools wie
read,writeundedit, um mit Ihrer Codebasis zu interagieren. Es ist anbieterunabhängig, unterstützt GPT-OSS und integriert sich mit Language Server Protocols (LSPs) für intelligenteres Codieren. Es ist perfekt für die lokale, datenschutzorientierte Entwicklung. - Vibe Kanban: Ein modernes Projektmanagement-Tool, das KI-Agenten wie Opencode integriert, um Codierungsaufgaben zu automatisieren. Es verbindet sich mit GitHub und ermöglicht Ihnen die Verwaltung von Projekten über ein Kanban-Board (To-Do, In Progress, In Review). Es ist ideal zur Optimierung von Workflows und zur Zusammenarbeit mit KI bei Codeänderungen.
Zusammen schaffen diese Tools eine kostenlose, lokale Umgebung, in der GPT-OSS die KI antreibt, Opencode Codierungsaufgaben übernimmt und Vibe Kanban Ihre Projekte organisiert. Lassen Sie es uns einrichten!

Schritt 1: Opencode installieren
Zuerst müssen wir Opencode installieren, das Rückgrat unserer KI-Codierungsumgebung. Das ist auf macOS/Linux super einfach, mit einer manuellen Option für Windows.
Für macOS/Linux
Führen Sie einen dieser Befehle in Ihrem Terminal aus:
- YOLO-Methode (schnell und einfach):
curl -fsSL https://opencode.ai/install | bash
- Paketmanager:
npm i -g opencode-ai@latest # oder bun/pnpm/yarn
brew install sst/tap/opencode # macOS und Linux
paru -S opencode-bin # Arch Linux
Für Windows
- Besuchen Sie github.com/sst/opencode/releases (z.B. v0.3.112 Stand August 2025).
- Laden Sie die neueste
opencode.exe-Binärdatei herunter. - Speichern Sie sie in einem Verzeichnis (z.B.
C:\opencode).
Die Installation testen
Überprüfen Sie, ob Opencode funktioniert:
- macOS/Linux: Führen Sie
opencodein Ihrem Terminal aus. - Windows: Führen Sie
<Pfad-zu-opencode>/opencode.exeaus (z.B.C:\opencode\opencode.exe).
Sie sollten die Opencode Terminal-Benutzeroberfläche (TUI) laden sehen. Falls nicht, überprüfen Sie Ihren PATH oder den Speicherort der Binärdatei.
Profi-Tipp: Fügen Sie für Windows den Binärordner zu Ihrem PATH hinzu, um einen einfacheren Zugriff zu erhalten.

Schritt 2: Ihr Opencode-Projekt einrichten
Lassen Sie uns einen neuen Projektordner erstellen, um eine Portfolio-Website mit Opencode und GPT-OSS zu erstellen. Wir werden ihn mit benutzerdefinierten Einstellungen konfigurieren.
Projektordner erstellen:
mkdir opencode-vibekanban-project
cd opencode-vibekanban-project
AGENTS.md hinzufügen:
Erstellen Sie eine Datei namens AGENTS.md mit:
# Tooling rules for Opencode
- Use Opencode tools only: read, write, edit, list, glob, grep, webfetch, bash, task, todowrite, todoread.
- Do NOT call non-existent tools like Repo_browser.*.
- Prefer `edit` for modifying existing files; use `read` to inspect before editing.
Dies definiert Regeln für den KI-Agenten von Opencode und stellt sicher, dass er die richtigen Tools verwendet.
opencode.json hinzufügen:
Erstellen Sie opencode.json, um GPT-OSS (20B-Modell) zu konfigurieren:
{
"$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": "Default coding mode with only Opencode tools.",
"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"]
}
Möchten Sie das leistungsstärkere GPT-OSS 120B verwenden? Ersetzen Sie die Abschnitte provider und model durch:
"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"
Hinweis: Speichern Sie AGENTS.md und opencode.json in opencode-vibekanban-project. Diese Dateien weisen Opencode an, GPT-OSS zu verwenden und bestimmte Tooling-Regeln zu befolgen.
Schritt 3: GPT-OSS mit Ollama installieren und ausführen
GPT-OSS läuft lokal über Ollama, ein leichtgewichtiges Tool zur Verwaltung von LLMs. Sie benötigen eine anständige Maschine (16 GB+ RAM für 20B, 64 GB+ für 120B).
- Ollama installieren:
- Laden Sie es von ollama.ai herunter und installieren Sie es für macOS, Linux oder Windows (WSL2 empfohlen).
2. GPT-OSS-Modell herunterladen:
- Für 20B (leichter, schneller):
ollama pull gpt-oss:20b
- Für 120B (leistungsstärker, langsamer):
ollama pull gpt-oss:120b

3. Das Modell ausführen:
- Starten Sie das Modell (wählen Sie eines):
ollama run gpt-oss:20b
oder
ollama run gpt-oss:120b
- Dies startet den Ollama-Server unter
http://localhost:11434, passend zurbaseURLinopencode.json.
Profi-Tipp: Stellen Sie sicher, dass Ollama läuft, bevor Sie Opencode starten, sonst erhalten Sie Verbindungsfehler.
Schritt 4: Opencode für Ihr Projekt ausführen
Nun starten wir Opencode in Ihrem Projektordner:
- Zum Projekt navigieren:
cd opencode-vibekanban-project
2. Opencode ausführen:
- macOS/Linux:
opencode .
- Windows:
<Pfad-zu-opencode>/opencode.exe .
- Der
.weist Opencode an, das aktuelle Verzeichnis (opencode-vibekanban-project) zu verwenden.
3. Einrichtung überprüfen:
- Die TUI von Opencode sollte geladen werden und den Projektordner sowie das ausgewählte GPT-OSS-Modell anzeigen (dank
opencode.jsonist keine manuelle Konfiguration erforderlich).

Schritt 5: Eine Portfolio-Website mit Opencode erstellen
Lassen Sie uns Opencode und GPT-OSS verwenden, um eine einfache Portfolio-Landingpage für einen Entwickler namens John Doe mit React und Vite zu erstellen.
Den Prompt eingeben:
- Geben Sie in der TUI von Opencode ein:
Create a simple portfolio landing page for a developer called John Doe in React with Vite.
- Drücken Sie Enter. Opencode verwendet GPT-OSS, um das Projekt zu generieren, und erstellt Dateien wie
index.html,src/App.jsxundvite.config.js.
Die Website ausführen:
- Navigieren Sie zum generierten Projektordner (z.B.
john-doe-portfolioinnerhalb vonopencode-vibekanban-project). - Installieren Sie Abhängigkeiten und starten Sie:
npm install
npm run dev
- Öffnen Sie
http://localhost:5173, um die Website anzuzeigen.

Auf GitHub hochladen:
- Erstellen Sie ein neues GitHub-Repository (z.B.
john-doe-portfolio). - Initialisieren Sie Git und pushen Sie:
git init
git add .
git commit -m "Initial portfolio website"
git remote add origin https://github.com/your-username/john-doe-portfolio.git
git push -u origin main
Profi-Tipp: Verwenden Sie das webfetch-Tool von Opencode, um bei Bedarf Inspiration von bestehenden Portfolio-Websites zu erhalten.
Schritt 6: Vibe Kanban für das Projektmanagement einrichten
Nun integrieren wir Vibe Kanban, um das Portfolio-Projekt mit KI-Agenten zu verwalten und zu erweitern.
Vibe Kanban installieren:
- Führen Sie in einem neuen Terminal aus:
npx vibe-kanban
- Dies installiert und startet die Weboberfläche von Vibe Kanban (normalerweise unter
http://localhost:3000).
Vibe Kanban konfigurieren:
- Stellen Sie in der Oberfläche ein:
- Codierungs-Agent: Wählen Sie Opencode (es erkennt Ihre lokale Einrichtung).
- IDE: Wählen Sie Ihre bevorzugte IDE (z.B. Cursor, VS Code oder Windsurf).
- Mit GitHub verbinden:
- Authentifizieren Sie sich mit Ihrem GitHub-Konto, um Repositories zu verknüpfen.

Ein neues Projekt erstellen:
- Klicken Sie auf Neues Projekt erstellen.
- Wählen Sie Ihr
john-doe-portfolioGitHub-Repository aus. - Benennen Sie das Projekt (z.B. „John Doe Portfolio“) und fahren Sie fort.

Schritt 7: Aufgaben mit Vibe Kanban hinzufügen
Lassen Sie uns Vibe Kanban verwenden, um das Portfolio durch Hinzufügen einer neuen Funktion, wie eines Kontaktformulars, zu erweitern.
Eine Aufgabe erstellen:
- Klicken Sie in Vibe Kanban auf Neue Aufgabe.
- Fügen Sie hinzu:
- Titel: „Benutzeroberflächen-Update“
- Beschreibung: „Ersetzen Sie die schwarze Farbe auf der Website durch Dunkelgelb.“
- Klicken Sie auf Erstellen und Starten.

Agent auswählen:
- Wählen Sie Opencode als Agenten (nicht Claude Code oder Gemini).
- Die Aufgabe wechselt zu In Bearbeitung, während Opencode die Codebasis modifiziert.

Überprüfen und genehmigen:
- Nach Abschluss wechselt die Aufgabe zu Zur Überprüfung.
- Zeigen Sie Änderungen im Diff-Viewer von Vibe Kanban an oder öffnen Sie sie in Ihrer IDE (z.B. VS Code).
- Wenn Sie zufrieden sind, klicken Sie auf Fertigstellen, um zu committen und auf GitHub zu pushen:
git add .
git commit -m "Added contact form"
git push
Profi-Tipp: Verwenden Sie Vibe Kanban, um mehrere Aufgaben in die Warteschlange zu stellen (z.B. „Dunkelmodus hinzufügen“, „Bilder optimieren“) und lassen Sie Opencode diese nacheinander bearbeiten.
Fehlerbehebung bei häufigen Problemen
- Opencode TUI fehlerhaft? Stellen Sie sicher, dass Ollama läuft (
ollama ps) undhttp://localhost:11434zugänglich ist. Überprüfen Sieopencode.jsonauf Tippfehler. - GPT-OSS langsam? Das 120B-Modell benötigt viel RAM; wechseln Sie zu 20B für leichtere Maschinen.
- Vibe Kanban verbindet sich nicht? Überprüfen Sie die GitHub-Authentifizierung und stellen Sie sicher, dass das Repository öffentlich oder zugänglich ist.
- Probleme mit Mock-Daten? Die
todoread- undtodowrite-Tools von Opencode können Aufgabenprobleme debuggen – überprüfen Sie die Protokolle in der TUI. - Windows-Binärfehler? Laden Sie die Datei von github.com/sst/opencode/releases neu herunter, falls
opencode.exefehlschlägt.
Warum dieser Stack genial ist
Die Kombination aus GPT-OSS, Opencode, Vibe Kanban ist ein Entwicklertraum:
- Kostenlos und lokal: Keine Cloud-Kosten, nur Ihre Maschine und Open-Source-Tools.
- Leistungsstarke KI: GPT-OSS rivalisiert mit kostenpflichtigen Modellen wie Claude, mit 20B/120B-Optionen.
- Flexibler Workflow: Die Terminal-basierte Codierung von Opencode und das Kanban-Board von Vibe Kanban machen die Aufgabenverwaltung zum Kinderspiel.
- Community-getrieben: Tragen Sie zu Opencode (1,2k Forks, 19,2k Sterne) oder Vibe Kanban bei, um deren Zukunft zu gestalten.
Benutzer lieben dieses Setup: „Opencode mit GPT-OSS hat meine Website in Minuten erstellt, und Vibe Kanban hielt sie organisiert!“ Probieren Sie es aus und sehen Sie, warum.
Fazit
Sie haben gerade eine kostenlose, lokale KI-Codierungsumgebung mit GPT-OSS, Opencode und Vibe Kanban aufgebaut! Vom Erstellen einer Portfolio-Website bis zur Verwaltung von Aufgaben mit KI-Agenten sind Sie bereit, intelligenter zu programmieren. Experimentieren Sie mit neuen Funktionen, tragen Sie zu den Repositories bei und teilen Sie Ihre Projekte in den Kommentaren. Lassen Sie uns die KI-Codierungsrevolution am Laufen halten!
Möchten Sie eine integrierte All-in-One-Plattform, damit Ihr Entwicklerteam mit maximaler Produktivität zusammenarbeiten kann?
Apidog erfüllt all Ihre Anforderungen und ersetzt Postman zu einem viel erschwinglicheren Preis!
