Salut les codeurs ! Envie de dynamiser votre flux de travail de développement avec une configuration de codage IA locale et gratuite ? Vous êtes au bon endroit ! Aujourd'hui, nous allons voir comment créer un environnement de codage IA puissant et open-source en utilisant GPT-OSS, Opencode et Vibe Kanban. Ces outils vous permettent de coder plus intelligemment, d'automatiser les tâches et de gérer les projets, le tout sans vous ruiner. Dans ce guide, nous vous guiderons à travers la configuration d'Opencode avec le modèle GPT-OSS pour construire un site web de portfolio, puis l'utilisation de Vibe Kanban pour le gérer et l'améliorer. À la fin, vous disposerez d'une véritable centrale de codage locale pilotée par l'IA. Commençons à coder avec GPT-OSS, Opencode, Vibe Kanban !
Vous voulez une plateforme intégrée et tout-en-un pour que votre équipe de développeurs travaille ensemble avec une productivité maximale ?
Apidog répond à toutes vos exigences et remplace Postman à un prix beaucoup plus abordable !
Que sont GPT-OSS, Opencode et Vibe Kanban ?
Avant de nous lancer, rencontrons les stars de notre trio de codage IA :
- GPT-OSS : Lancé par OpenAI le 5 août 2025, GPT-OSS est un modèle à poids ouvert disponible en deux tailles : 20B (léger) et 120B (robuste). Il est conçu pour le raisonnement et le codage, fonctionnant localement via Ollama pour la confidentialité et les économies de coûts. Considérez-le comme votre assistant de codage IA personnel, gratuit sous la licence Apache 2.0.
- Opencode : Un agent de codage IA open-source de SST, Opencode s'exécute dans votre terminal, exploitant des outils comme
read,writeeteditpour interagir avec votre base de code. Il est indépendant du fournisseur, prend en charge GPT-OSS et s'intègre aux protocoles de serveur de langage (LSP) pour un codage plus intelligent. Il est parfait pour le développement local et axé sur la confidentialité. - Vibe Kanban : Un outil de gestion de projet moderne qui intègre des agents IA comme Opencode pour automatiser les tâches de codage. Il se connecte à GitHub, vous permettant de gérer des projets via un tableau Kanban (À faire, En cours, En révision). Il est idéal pour rationaliser les flux de travail et collaborer avec l'IA sur les modifications de code.
Ensemble, ces outils créent un environnement local et gratuit où GPT-OSS alimente l'IA, Opencode gère les tâches de codage et Vibe Kanban organise vos projets. Configurons-le !

Étape 1 : Installer Opencode
Tout d'abord, nous devons installer Opencode, la colonne vertébrale de notre environnement de codage IA. C'est super facile sur macOS/Linux, avec une option manuelle pour Windows.
Pour macOS/Linux
Exécutez l'une de ces commandes dans votre terminal :
- Méthode YOLO (rapide et facile) :
curl -fsSL https://opencode.ai/install | bash
- Gestionnaires de paquets :
npm i -g opencode-ai@latest # ou bun/pnpm/yarn
brew install sst/tap/opencode # macOS et Linux
paru -S opencode-bin # Arch Linux
Pour Windows
- Visitez github.com/sst/opencode/releases (par exemple, v0.3.112 en août 2025).
- Téléchargez le dernier binaire
opencode.exe. - Enregistrez-le dans un répertoire (par exemple,
C:\opencode).
Tester l'installation
Vérifiez qu'Opencode fonctionne :
- macOS/Linux : Exécutez
opencodedans votre terminal. - Windows : Exécutez
<chemin-vers-opencode>/opencode.exe(par exemple,C:\opencode\opencode.exe).
Vous devriez voir l'interface utilisateur terminal (TUI) d'Opencode se charger. Si ce n'est pas le cas, vérifiez votre PATH ou l'emplacement du binaire.
Conseil de pro : Pour Windows, ajoutez le dossier du binaire à votre PATH pour un accès plus facile.

Étape 2 : Configurer votre projet Opencode
Créons un nouveau dossier de projet pour construire un site web de portfolio en utilisant Opencode et GPT-OSS. Nous le configurerons avec des paramètres personnalisés.
Créer le dossier du projet :
mkdir opencode-vibekanban-project
cd opencode-vibekanban-project
Ajouter AGENTS.md :
Créez un fichier nommé AGENTS.md avec :
# 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.
Ceci définit les règles pour l'agent IA d'Opencode, garantissant qu'il utilise les bons outils.
Ajouter opencode.json :
Créez opencode.json pour configurer GPT-OSS (modèle 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": "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"]
}
Vous voulez utiliser le GPT-OSS 120B plus puissant ? Remplacez les sections provider et model par :
"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"
Note : Enregistrez AGENTS.md et opencode.json dans opencode-vibekanban-project. Ces fichiers indiquent à Opencode d'utiliser GPT-OSS et de suivre des règles d'outillage spécifiques.
Étape 3 : Installer et exécuter GPT-OSS avec Ollama
GPT-OSS s'exécute localement via Ollama, un outil léger pour gérer les LLM. Vous aurez besoin d'une machine décente (16 Go+ de RAM pour 20B, 64 Go+ pour 120B).
- Installer Ollama :
- Téléchargez et installez depuis ollama.ai pour macOS, Linux ou Windows (WSL2 recommandé).
2. Télécharger le modèle GPT-OSS :
- Pour 20B (plus léger, plus rapide) :
ollama pull gpt-oss:20b
- Pour 120B (plus puissant, plus lent) :
ollama pull gpt-oss:120b

3. Exécuter le modèle :
- Démarrez le modèle (choisissez-en un) :
ollama run gpt-oss:20b
ou
ollama run gpt-oss:120b
- Ceci démarre le serveur Ollama à l'adresse
http://localhost:11434, correspondant à labaseURLdansopencode.json.
Conseil de pro : Assurez-vous qu'Ollama est en cours d'exécution avant de démarrer Opencode, sinon vous obtiendrez des erreurs de connexion.
Étape 4 : Exécuter Opencode pour votre projet
Maintenant, lançons Opencode dans votre dossier de projet :
- Naviguer vers le projet :
cd opencode-vibekanban-project
2. Exécuter Opencode :
- macOS/Linux :
opencode .
- Windows :
<chemin-vers-opencode>/opencode.exe .
- Le
.indique à Opencode d'utiliser le répertoire actuel (opencode-vibekanban-project).
3. Vérifier la configuration :
- L'interface utilisateur terminal (TUI) d'Opencode devrait se charger, affichant le dossier du projet et le modèle GPT-OSS sélectionné (aucune configuration manuelle n'est nécessaire grâce à
opencode.json).

Étape 5 : Créer un site web de portfolio avec Opencode
Utilisons Opencode et GPT-OSS pour construire une simple page de destination de portfolio pour un développeur nommé John Doe, en utilisant React avec Vite.
Entrez le prompt :
- Dans l'interface utilisateur terminal (TUI) d'Opencode, tapez :
Create a simple portfolio landing page for a developer called John Doe in React with Vite.
- Appuyez sur Entrée. Opencode utilise GPT-OSS pour générer le projet, créant des fichiers comme
index.html,src/App.jsxetvite.config.js.
Exécuter le site web :
- Naviguez vers le dossier du projet généré (par exemple,
john-doe-portfolioà l'intérieur deopencode-vibekanban-project). - Installez les dépendances et démarrez :
npm install
npm run dev
- Ouvrez
http://localhost:5173pour visualiser le site.

Pousser vers GitHub :
- Créez un nouveau dépôt GitHub (par exemple,
john-doe-portfolio). - Initialisez Git et poussez :
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
Conseil de pro : Utilisez l'outil webfetch d'Opencode pour vous inspirer des sites de portfolio existants si nécessaire.
Étape 6 : Configurer Vibe Kanban pour la gestion de projet
Maintenant, intégrons Vibe Kanban pour gérer et améliorer le projet de portfolio avec des agents IA.
Installer Vibe Kanban :
- Dans un nouveau terminal, exécutez :
npx vibe-kanban
- Ceci installe et lance l'interface web de Vibe Kanban (généralement à
http://localhost:3000).
Configurer Vibe Kanban :
- Dans l'interface, définissez :
- Agent de codage : Sélectionnez Opencode (il détecte votre configuration locale).
- IDE : Choisissez votre IDE préféré (par exemple, Cursor, VS Code ou Windsurf).
- Connectez-vous à GitHub :
- Authentifiez-vous avec votre compte GitHub pour lier les dépôts.

Créer un nouveau projet :
- Cliquez sur Créer un nouveau projet.
- Sélectionnez votre dépôt GitHub
john-doe-portfolio. - Nommez le projet (par exemple, "Portfolio de John Doe") et continuez.

Étape 7 : Ajouter des tâches avec Vibe Kanban
Utilisons Vibe Kanban pour améliorer le portfolio en ajoutant une nouvelle fonctionnalité, comme un formulaire de contact.
Créer une tâche :
- Dans Vibe Kanban, cliquez sur Nouvelle tâche.
- Ajoutez :
- Titre : "Mise à jour de l'interface utilisateur"
- Description : "Remplacer la couleur noire du site web par du jaune foncé."
- Cliquez sur Créer et démarrer.

Sélectionner l'agent :
- Choisissez Opencode comme agent (pas Claude Code ou Gemini).
- La tâche passe à l'état En cours tandis qu'Opencode modifie la base de code.

Examiner et approuver :
- Une fois terminée, la tâche passe à l'état En révision.
- Visualisez les modifications dans la visionneuse de différences de Vibe Kanban ou ouvrez-les dans votre IDE (par exemple, VS Code).
- Si vous êtes satisfait, cliquez sur Terminer pour valider et pousser vers GitHub :
git add .
git commit -m "Added contact form"
git push
Conseil de pro : Utilisez Vibe Kanban pour mettre en file d'attente plusieurs tâches (par exemple, "Ajouter un mode sombre", "Optimiser les images") et laissez Opencode les gérer séquentiellement.
Dépannage des problèmes courants
- L'interface utilisateur terminal (TUI) d'Opencode échoue ? Assurez-vous qu'Ollama est en cours d'exécution (
ollama ps) et quehttp://localhost:11434est accessible. Vérifiez les fautes de frappe dansopencode.json. - GPT-OSS lent ? Le modèle 120B nécessite une RAM importante ; passez au 20B pour les machines plus légères.
- Vibe Kanban ne se connecte pas ? Vérifiez l'authentification GitHub et assurez-vous que le dépôt est public ou accessible.
- Problèmes de données factices ? Les outils
todoreadettodowrited'Opencode peuvent déboguer les problèmes de tâches — vérifiez les journaux dans l'interface utilisateur terminal (TUI). - Erreurs binaires Windows ? Téléchargez à nouveau depuis github.com/sst/opencode/releases si
opencode.exeéchoue.
Pourquoi cette pile est géniale
La combinaison GPT-OSS, Opencode, Vibe Kanban est le rêve de tout développeur :
- Gratuit et local : Pas de coûts cloud, juste votre machine et des outils open-source.
- IA puissante : GPT-OSS rivalise avec des modèles payants comme Claude, avec des options 20B/120B.
- Flux de travail flexible : Le codage basé sur le terminal d'Opencode et le tableau Kanban de Vibe Kanban facilitent la gestion des tâches.
- Piloté par la communauté : Contribuez à Opencode (1,2k forks, 19,2k étoiles) ou à Vibe Kanban pour façonner leur avenir.
Les utilisateurs adorent cette configuration : "Opencode avec GPT-OSS a construit mon site en quelques minutes, et Vibe Kanban l'a gardé organisé !" Essayez-le et voyez pourquoi.
Conclusion
Vous venez de construire un environnement de codage IA local et gratuit avec GPT-OSS, Opencode et Vibe Kanban ! De la création rapide d'un site de portfolio à la gestion des tâches avec des agents IA, vous êtes prêt à coder plus intelligemment. Expérimentez de nouvelles fonctionnalités, contribuez aux dépôts et partagez vos projets dans les commentaires. Continuons la révolution du codage IA !
Vous voulez une plateforme intégrée et tout-en-un pour que votre équipe de développeurs travaille ensemble avec une productivité maximale ?
Apidog répond à toutes vos exigences et remplace Postman à un prix beaucoup plus abordable !
