Claude Code is al een tijdje mijn vaste tool voor vibe coding. Via de Terminal heeft de tool toegang tot je hele codebase, kan zelfstandig files openen, aanpassen en aanmaken. ChatGPT gebruik ik nog voor ideation en second opinions.
Toen Google medio november Antigravity lanceerde, werd ik nieuwsgierig. Antigravity doet hetzelfde, maar met een visuele interface. Dat verlaagt de drempel voor wie de Terminal als obstakel ziet. OpenAI kwam met Codex en ook Mistral heeft nu Vibe, een CLI (Command Line Interface, oftewel via de Terminal) waarmee Europa meedoet.
Met vier LLM-aanbieders die eigen coding tools uitbrengen, leek het me interessant om ze te vergelijken. Als je veel code genereert, is dat financieel aantrekkelijk: directe API-kosten zonder markup. Ik testte ze met dezelfde opdracht.
De testopdracht
Om de tools eerlijk te vergelijken, gebruikte ik één gedeelde opdracht: bouw een webapp genaamd Think Ahead Modules die:
- 01De visuele stijl van een willekeurige website overneemt (kleuren, fonts, knopstijl)
- 02Bijpassende "plug-in blokken" genereert (FAQ, nieuwsbriefinschrijving, prijstabel)
- 03Een live preview toont
- 04Het resultaat als ZIP exporteert voor integratie in andere sites
- 05Een automatische self-check draait om te bevestigen dat alles werkt
Testopzet
Wat hetzelfde was
- • Zelfde app-doel en user flow
- • Zelfde UI-layout (dark, oranje accent, scherpe hoeken)
- • Zelfde 7 one-click voorbeeldprompts
- • Zelfde outputvorm (plain HTML/CSS/JS)
Wat anders was
Elke LLM kreeg de opdracht om de API van zijn eigen aanbieder te gebruiken voor de module-generatie: Claude via Anthropic, Antigravity via Google Vertex, Codex via OpenAI, en Vibe via Mistral.
De vier tools getest
"Vibe coding" hoeft niet per se via de Terminal. De meeste LLM-aanbieders bieden meerdere manieren om met hun tools te werken. Hieronder per aanbieder: welke opties er zijn, welke ik gebruikte, en hoe de test verliep.
Claude (Anthropic)
Anthropic biedt meerdere manieren om met Claude te coderen:
| Interface | Omschrijving |
|---|---|
| CLI (Terminal) | Volledige toegang tot je lokale codebase. |
| VS Code extensie | Integratie in je editor. |
| Claude App | Web/desktop interface, zonder directe file-toegang. |
| GitHub integratie | Werkt direct in repositories via de browser. |
Claude Code CLI
Claude Code was de eerste "agentic" coding CLI die lokaal draait met volledige toegang tot je codebase. Typ claude in je terminal en de tool kan zelfstandig files aanmaken, bewerken én terminal-commando's uitvoeren. De anderen volgden dit model.
De CLI interface werkt goed, is snel en biedt de gebruiker een basic maar prima interface. Claude Code heeft inmiddels ook een app als interface (sinds november 2025), maar die is niet gebruikt in deze test.
Claude Code trok zo'n 11,5 minuten uit om vanuit een lege folder (alleen een logo) een complete tech stack op te zetten en de applicatie te bouwen.
Demo: de met Claude Code gebouwde webapp in actie
Resultaat: De app werkte direct na het opstarten van de lokale server. Het genereren van modules had echter moeite met stijlextractie: niet alle elementen werden consequent opgehaald. Prompt-tweaks hielpen beperkt.
UX van de gegenereerde web app is redelijk goed, maar het contrast is niet hoog genoeg om door de WCAG te komen. Na stijlextractie van de bron-url zie je de waardes ervan gepresenteerd, iets dat bij de anderen niet altijd het geval was. Dat was een invulling die er zelf aan gegeven kon worden door het LLM. Ook waar de knoppen voor publiceren en de zip downloaden verschijnen, is niet handig. Wat wel fijn is, is dat je ziet dat er wat wordt gegenereerd door de loader-animatie.
Google Gemini
Google's coding tools vallen onder de paraplu van Gemini Code Assist:
| Interface | Omschrijving |
|---|---|
| Antigravity | Eigen visuele interface, geen Terminal. |
| CLI (Terminal) | Gemini CLI voor lokale codebase toegang. |
| VS Code / JetBrains | Extensies voor populaire editors. |
| GitHub Marketplace | Code review agent voor repositories. |
| Firebase / Android Studio | Integraties voor Google's eigen platforms. |
| Google Cloud | Enterprise integratie met GCP-diensten. |
Google Antigravity
Antigravity onderscheidt zich met een visuele interface: links zie je de filestructuur "ontstaan", rechts wordt actief gecodeerd. Een Chrome-extensie maakt directe browser-communicatie mogelijk: screenshots maken, de browser pauzeren tijdens wijzigingen.
De interface van Antigravity is echt fijn. De app heeft een interface zoals dat van VS Code als je dat wilt gebruiken voor coderen. Vooral het overzicht van je codebase, het implementatieplan, de taken die uitgevoerd worden, etc. geven een beter gevoel van overzicht en controle dan via de Terminal waar je alleen met tekst kan werken.
De eerste opzet kostte slechts 5 minuten, de snelste van de vier.
Demo: de met Antigravity gebouwde webapp in actie
Resultaat: De app heeft een mooie strakke interface met duidelijke knoppen en goed contrast. Wat jammer is dat wanneer je de stijl extraheert van de bron-url, die niet zichtbaar wordt gepresenteerd maar in de achtergrond gebruikt wordt. Je ziet wel dat het gedaan is links onderin. De knoppen staan of verschijnen op logische en zichtbare plekken.
De gegenereerde code van de modules werkt, maar vooral stijlextractie was lastig zoals bij alle apps het geval bleek. Na de eerste oplevering waren er een paar tweaks nodig om enkele bugjes eruit te halen, maar die vielen mee.
OpenAI Codex
Codex is in 2025 uitgegroeid tot een ecosysteem, verbonden via je ChatGPT-account:
| Interface | Omschrijving |
|---|---|
| CLI (Terminal) | Open source, gebouwd in Rust. |
| VS Code extensie | Integratie in je editor, ook voor Cursor en Windsurf. |
| Codex Cloud | Via chatgpt.com/codex. Taken draaien in cloud sandboxes. |
| GitHub integratie | Tag @codex in PR-comments voor reviews of taken. |
| ChatGPT sidebar | In de ChatGPT-interface en mobiele app. |
Unified workflow: Alle interfaces delen dezelfde context. Start een taak in de Terminal, monitor via de webapp, review op je telefoon.
OpenAI Codex CLI
De Codex CLI is open source en gebouwd in Rust, wat zorgt voor snelle opstarttijden. Net als Claude Code navigeer je naar een directory en typ je codex om te starten.
De OpenAI Codex CLI interface is vergelijkbaar met Claude Code, dus werkt ook prima en snel, maar volledig via tekst.
De eerste opzet kostte zo'n 7,5 minuten.
Demo: de met Codex gebouwde webapp in actie
Resultaat: De opgeleverde app is UX-technisch redelijk goed, maar druk door het gebruikte font en het witte vlak waar resultaten moeten komen geven de app een niet-af gevoel.
Na extractie worden de stijlen wel gepresenteerd, maar de gegenereerde modules waren wat betreft design niet goed. Vaak witte tekst op witte achtergrond en met wat tweaks was dat maar matig te verbeteren.
Mistral
Mistral heeft in 2025 een complete stack aan coding tools uitgebracht:
| Interface | Omschrijving |
|---|---|
| Vibe CLI (Terminal) | Open source CLI voor vibe coding. |
| Mistral Code (VS Code / JetBrains) | Enterprise IDE-plugin, momenteel in private beta. |
| Zed extensie | Vibe CLI als extensie in Zed editor. |
| Le Chat | Chatinterface voor code-taken, zonder directe codebase-toegang. |
Mistral Vibe CLI
Vibe is open source en draait op Mistral's eigen modellen: het Europese antwoord op Amerikaanse AI. De CLI is relatief nieuw en mist nog enkele features die concurrenten wel hebben.
Vibe CLI werkt ongeveer als Claude Code CLI en Codex CLI. De weergave van acties is wat anders. Wat wel jammer is, is dat ik niet kon kopiëren vanuit de Terminal (terwijl ik daar wel melding van kreeg als ik het probeerde). Ook kon ik geen screenshots uploaden om iets te proberen duidelijk te maken.
Na 12 minuten meldde Mistral dat de opdracht volbracht was. De app startte echter niet op: een blauw scherm zonder content.
Wat er misging:
Na herhaalde pogingen het zelf te laten oplossen, kreeg ik adviezen die me heel veel tijd hadden kunnen kosten als ik ze had opgevolgd. Tot aan hardware upgrades toe! Ook apart: een API call die niet meer ondersteund werd door Mistral zelf, verouderde info waar hij mee werkte.
Uiteindelijk loste ChatGPT het op met één observatie:
"In je HTML staat een fixed inset-0 div met een opaque gradient die ná je content in de DOM staat. Die wordt bovenop alles 'geschilderd'. pointer-events-none voorkomt alleen klikken, niet het visueel bedekken."
Een vrij lullige fout, maar Mistral zag 'm niet.
Demo: de met Vibe gebouwde webapp in actie (na fixes)
Resultaat: De app, toen hij eenmaal draaide, was verder prima en vergelijkbaar met de andere apps. Ik miste wel een preview placeholder, waardoor het leek alsof daar iets niet ingeladen werd.
Opvallend: de tech stack keuzes
Elke tool mocht zelf bepalen hóe de opdracht gebouwd werd. De keuzes waren interessant:
| Tool | Framework | Opvallend |
|---|---|---|
| Claude Code | Next.js/React/TypeScript | "Alles-in-één" aanpak |
| Antigravity | Next.js/React/TypeScript | Vergelijkbare keuze |
| Mistral Vibe | Next.js/React/TypeScript | + Puppeteer voor dynamische styling |
| Codex | Node/Express + JSON | Pragmatischer, losser opgezet |
Drie van de vier kozen onafhankelijk dezelfde stack. Codex week af met een eenvoudigere backend-benadering.
De Puppeteer-keuze van Mistral is interessant: dat suggereert dat die tool serieuzer rekening hield met websites die styling pas na het laden opbouwen. Jammer dat de rest van de uitvoering minder soepel verliep.
Het grote struikelblok: stijlextractie
Bij alle vier de tools bleek stijlextractie het lastigste onderdeel. Moderne websites verspreiden hun styling over:
- Meerdere stylesheets
- Semantische HTML en class-structuren
- JavaScript-gedreven rendering
"De stijl" is zelden één bron die je simpel kunt kopiëren. Geen van de tools loste dit overtuigend op.
Mijn ervaring
Claude Code was tot op heden mijn eerste keuze voor development, met ChatGPT en Gemini voor advies, second opinions en code reviews. Maar met de razendsnelle ontwikkelingen bij Google Gemini en de fijn werkende app, is dat een reden om Antigravity als basis te gebruiken en Claude Code misschien als back-up. Komende tijd maar eens wat meer testen.
Wat mij betreft is nu Google Antigravity de winnaar, met Claude Code nipt daarachter. Dan OpenAI Codex (die duidelijk meer moeite had met het in één keer genereren van bruikbare modules) en op de laatste plaats Mistral Vibe vanwege de interface en het matige eerste resultaat van de gebouwde web app.
Wil je zelf aan de slag met AI-gedreven development?
We helpen je graag op weg met het kiezen en implementeren van de juiste tools voor jouw situatie.
