Altijd al je eigen app willen bouwen? Zo kun je hem 'vibecoden'

Wat is ‘vibecoden’ en wat ga je leren?

Een iPhone-app bouwen betekende jarenlang: Swift leren, Xcode begrĳpen, foutmeldingen ontcĳferen en vooral heel veel code typen. Maar met vibecoden schuift dat werk steeds meer op. Je beschrĳft in gewone taal wat je app moet doen, en een AI-agent schrĳft de eerste versie van de code. Jĳ stuurt bĳ, test, corrigeert en bepaalt of het resultaat goed genoeg is.

Ook in Xcode kan dit inmiddels. GitHub Copilot is een gratis dienst die via een losse plug-in werkt en handig is om snel een eerste opzet te maken. ChatGPT Codex (of Claude Code) werkt via Xcode’s eigen AI-koppeling en is vooral sterk in analyseren, verbeteren en afronden. Hieronder bouwen we daarom eerst met Copilot een simpele rekenmachine-app, waarna Codex de code controleert, opschoont, slimmer indeelt en er uiteindelĳk zelfs een creatieve variant op verzint.

Dat klinkt als magie, maar uiteindelĳk is het ook nog handwerk. AI kan dan wel razendsnel code schrĳven, maar ook fouten maken, verouderde oplossingen gebruiken of een project half werkend achterlaten. Vibecoden is vooral een nieuwe manier van sparren en samenwerken met je computer: jĳ bent de regisseur, de AI is je supersnelle assistent. En met genoeg tĳd en geduld lukt het zelfs om helemaal zonder programmeerkennis een app te maken.

Ontdek meer functies voor je Mac

Zo kun je Xcode installeren

Xcode is Apple’s officiële ontwikkelomgeving voor apps op iPhone, iPad, Mac, Apple Watch en Apple TV. Je installeert Xcode het eenvoudigst via de Mac App Store: zoek naar ‘Xcode’ en klik op ‘Download’ of op het wolkje als je Xcode eerder al een keer gedownload hebt.

Reken op een flinke download en zorg dat je genoeg vrĳe opslagruimte hebt. Na installatie open je Xcode één keer om aanvullende onderdelen te laten installeren. Vink daarbĳ de iOS onderdelen aan, de rest laat je zoals het is.

Daarna kun je een nieuw project starten via ‘File>New>Project’. Kies boven de tab ‘iOS’ en daaronder ‘App’. Geef je project nog een naam, verzin een identifier (het maakt niet uit wat, alles werkt), en kies een opslaglocatie op je Mac.

Mogelĳk vraagt Xcode je nog om een naam en e-mailadres. Die zĳn puur bedoeld voor de herkenbaarheid wie er wĳzigingen doorvoert aan je project – voor je hobbyproject niet belangrĳk. Verzin dus gewoon iets.

Maak de eerste versie van een app met GiftHub Copilot

1

Copilot voor Xcode

GitHub Copilot zit niet standaard in Xcode. Je hebt de gratis Copilot for Xcode plug-in nodig, die je via github.com/github/CopilotForXcode/releases/ downloadt. Open de DMG en zet de app na het downloaden in de map Apps.
2

Nieuw Xcode-project

Open Xcode en kies ‘File>New>Project’. Kies voor een iOS-app met SwiftUI als interface. Houd verder de uitleg in het kader ‘Xcode installeren’ op de volgende pagina aan.
3

Naast elkaar

Start de Copilot-app en geef toegang tot de gegevens waar de app om vraagt. De plug-in verschĳnt vervolgens als los venster naast je Xcode-project. Minder elegant dan een ingebouwde functie, maar wel duidelĳk gescheiden.
4

Log in met GitHub

Copilot vraagt om een GitHub-account. Na het aanmelden of inloggen verbind je met Copilot door eerst een code te plakken en daarna te autoriseren. Welk abonnement je hebt, maakt niet uit. De gratis variant is genoeg.
5

Kies de Agent-modus

Wil je dat Copilot code schrĳft en bestanden aanpast, kies dan in het Copilot-venster voor ‘Agent’. In de Ask-modus kun je wel vragen stellen, maar als Agent kan Copilot je project analyseren, bestanden aanmaken en wĳzigingen voorstellen.
6

Stel het model in op Auto

Afhankelĳk van je GitHub-abonnement zie je meerdere AI-modellen. Kies hier voor ‘Auto’. Copilot kiest dan zelf welk model het beste bĳ je opdracht past. Een duidelĳke prompt is hier belangrĳker dan eindeloos modellen vergelĳken.
7

Concrete opdracht

Typ bĳvoorbeeld: ‘Maak een eenvoudige rekenmachine-app in SwiftUI. De app moet kunnen optellen, aftrekken, vermenigvuldigen en delen. Maak een overzichtelĳke interface met knoppen en een display.’
8

Geef toestemming

Soms wil Copilot een commando uitvoeren, bĳvoorbeeld om het project te bouwen of Git te gebruiken. Daarvoor vraagt hĳ toestemming. Sta zulke acties bĳ voorkeur per keer toe, zeker als je nog niet precies weet wat de AI gaat doen.
9

Bouw en controleer de app

Is Copilot klaar? Klik in Xcode op de afspeelknop om het project te bouwen. Krĳg je foutmeldingen? Vraag Copilot dan gericht: ‘Los deze compilerfouten op en verander zo min mogelĳk aan de rest van het project.’ En daar is je rekenmachine. Oogt bekend, toch?

Codex zit in Xcode

ChatGPT Codex werkt via de ingebouwde AI-functies van Xcode. Je vindt de instellingen via ‘Xcode>Settings>Intelligence’. Daar koppel je je OpenAI-account. Daarna gebruik je de Coding Assistant in Xcode zelf. Dat voelt netter dan een losse plug-in: Codex ziet je projectstructuur, kan bestanden analyseren en helpt gericht met foutopsporing en modernere SwiftUI-code.

Houd wel rekening met kosten: intensief gebruik van AI met programmeren kan snel veel tokens verbruiken. Uiteindelĳk moet je misschien nog meer gaan betalen.

Maak het af met ChatGPT Codex

1

Open Xcode Intelligence

In Xcode koppel je AI-diensten via ‘Xcode>Settings>Intelligence’. Daar kun je je OpenAI-account toevoegen. Daarmee krĳg je toegang tot Codex in de Coding Assistant van Xcode. Wel heb je een betaald ChatGPT-abonnement nodig.
2

Start de Coding Assistant

Na het koppelen verschĳnt in Xcode de Coding Assistant linksboven. Die open je via de knop of met Cmd+0. De zĳbalk voelt veel meer als onderdeel van Xcode dan de Copilot-plug-in. Open je project en begin te praten met de assistent.
3

Laat Codex eerst analyseren

Vraag niet meteen: ‘Maak dit beter.’ Begin met: ‘Analyseer dit project. Zoek naar problemen in de SwiftUI-code, bestandsstructuur, foutafhandeling en testbaarheid. Pas nog niets aan.’ Zo dwing je Codex om eerst te kĳken.
4

Bespreek de zwakke plekken

Codex kan bĳvoorbeeld melden dat alle code in één bestand staat, dat er verouderde SwiftUI-code wordt gebruikt, dat foutafhandeling ontbreekt of dat de rekenlogica niet goed werkt bĳ meerdere berekeningen achter elkaar.
5

Laat Codex verbeteren

Ben je het eens met de analyse, geef dan opdracht om de verbeteringen door te voeren. Bĳvoorbeeld: ‘Splits de code op in logische bestanden, gebruik moderne SwiftUI, los delen door nul netjes op en voeg eenvoudige tests toe.’
6

Bouw en test opnieuw

Laat Xcode het project opnieuw bouwen via de afspeelknop. Vraag Codex om de resterende fouten te verhelpen. Een goede prompt: ‘Controleer of de app logisch reageert op gewone berekeningen, kettingberekeningen en foutgevallen.’

Pas op met toestemming geven

Zowel Copilot als Codex kunnen jou vragen of ze commando’s uit mogen voeren. Geef niet klakkeloos overal toestemming voor. Een AI-agent die commando’s mag draaien, kan ook per bestanden overschrĳven of gevoelige gegevens verwerken. Sta commando’s bĳ voorkeur per keer toe.

Ook dit kun je met je Apple-apparaten

Code in de cloud

Prompts, foutmeldingen en delen van je code kunnen naar servers van de AI worden gestuurd. Bĳ hobbyprojecten is dat geen ramp, maar bĳ bedrĳfsgeheimen, klantdata of commerciële code moet je voorzichtig zĳn. Controleer de privacy-instellingen en plak nooit gevoelige gegevens in een chat.

Laat AI ook je app ontwerpen

1

Voeg een screenshot toe

Heb je een voorbeeldinterface, bĳvoorbeeld een screenshot van een bestaande app? Sleep die in de Coding Assistant en vraag Codex om een SwiftUI-layout te maken die erop lĳkt. Wĳ kiezen voor het design van oude Mac OS-rekenmachine.
2

Vraag om nette onderdelen

Vraag: ‘Maak dit design van de originele Mac-rekenmachine na met SwiftUI-componenten, zoals een losse knopweergave, displayweergave en rasterweergave’. Zo voorkom je dat alles in één onoverzichtelĳk bestand belandt.
3

Werk de details bij

De eerste versie is zelden perfect. Vraag gericht om grotere knoppen, betere marges, ondersteuning voor donkere modus of aanpassing aan verschillende schermformaten. AI maakt snel een basis; jĳ bepaalt of het ook goed is.

Tips voor betere prompts

Begin klein
Vraag niet: ‘Maak een complete app.’ Vraag liever om één duidelijk onderdeel: een startscherm, een instellingenpagina, een rekenfunctie of een lijstweergave. Kleine opdrachten zijn gemakkelijker te controleren en terug te draaien.

Vraag eerst om een plan
Bij grotere wijzigingen gebruik je: ‘Maak eerst een plan en pas nog niets aan.’ Dan zie je welke bestanden de AI wil aanpassen. Pas als het plan logisch klinkt, geef je toestemming om de wijziging uit te voeren.

Laat de AI fouten zoeken
Een nuttige slotprompt is: ‘Controleer je eigen oplossing. Welke randgevallen ontbreken nog en welke code zou je later verbeteren?’ AI’s zijn niet feilloos, maar ze kunnen verrassend goed hun eigen werk bekritiseren als je daar expliciet om vraagt.