Oh My Pi-tutorial: bouw een volledige app met Grok als je codingagent

Waarom Oh My Pi gebruiken?

Een goede codingagent heeft twee dingen nodig: een sterk agentisch model en een sterke coding-harnas.

Het model levert de intelligentie. Voor deze tutorial gebruiken we Grok 4.6, dat door xAI is gebouwd voor coderen, langlopende agents en meerstapswerk over hele codebases. Het ondersteunt een contextvenster van 500K tokens, beeldinvoer, function calling, code-executie en webzoekopdrachten.

Maar zelfs het beste model is beperkt als het harnas alleen tekst kan lezen en schrijven. Om als een echte developer te werken, moet het model kunnen:

• Een repository inspecteren en bestanden betrouwbaar bewerken
• Commando’s uitvoeren en tests draaien
• Diagnostiek lezen en fouten debuggen
• Documentatie doorzoeken en verifiëren dat wijzigingen daadwerkelijk werken

Dat is wat OMP biedt: LSP-integratie, een echte debugger, persistente code-executie, browser- en webtools, GitHub-integratie, geheugen en parallelle subagents. Samen met het model vormen ze de volledige agentische lus:

Plannen → inspecteren → bewerken → uitvoeren → debuggen → testen → verifiëren

Het model beslist wat het doet, terwijl OMP de tools geeft om het ook echt te doen. En omdat OMP meer dan 60 AI-providers ondersteunt, zit je niet vast aan Grok. Dezelfde workflow geldt of je nu Grok, Claude of een ander model koppelt.

Oh My Pi installeren

Oh My Pi is een fork van de open-source Pi-codingagent, gebouwd door Stencil Labs, en is snel uitgegroeid tot een van de populairdere terminal-codingagents, met meer dan 34.000 GitHub-sterren. Het is ontworpen voor developers die een kant-en-klare codingomgeving willen zonder tijd te besteden aan het samenstellen en configureren van een eigen agentstack.

OMP werkt op Linux, macOS en Windows.

Op Linux of macOS voer je uit:

curl -fsSL https://omp.sh/install | shMogelijk gemaakt door

Op Windows PowerShell:

irm https://omp.sh/install.ps1 | iexMogelijk gemaakt door

Je kunt het ook globaal installeren met Bun (versie 1.3.14 of later):

bun install -g @oh-my-pi/pi-coding-agentMogelijk gemaakt door

Als het commando omp na installatie niet wordt gevonden, herstart dan je terminal of check de installer-output voor de installatielocatie.

Verifieer daarna de installatie:

omp --versionMogelijk gemaakt door

Bijvoorbeeld:

omp/18.0.6Mogelijk gemaakt door

Als er een versienummer verschijnt, is OMP correct geïnstalleerd en is het omp-commando klaar voor gebruik.

SpaceXAI-toegang instellen

Om Grok met Oh My Pi te gebruiken, heb je twee opties.

Als je het model alleen test of deze tutorial volgt, raad ik de xAI API aan. Maak een account aan op https://console.x.ai/, voeg een klein bedrag aan prepaid tegoed toe en genereer een API-sleutel. xAI trekt het gebruik direct af van je tegoedsaldo, wat het eenvoudig maakt om je uitgaven te beheersen.

Als je Grok regelmatig voor coderen wilt gebruiken, kan een SuperGrok-abonnement logischer zijn. OMP ondersteunt SuperGrok rechtstreeks via SpaceXAI OAuth, zodat je je abonnement kunt koppelen met /login in plaats van voor elke API-aanvraag apart te betalen.

Voor deze tutorial gebruiken we de API-methode omdat die makkelijker te testen is en je de kosten beter kunt beheersen.

Maak je API-sleutel aan in de SpaceXAI-ontwikkelaarsconsole en bewaar hem veilig. OMP zoekt automatisch naar de omgevingsvariabele XAI_API_KEY.

Op Linux of macOS:

export XAI_API_KEY="your-xai-api-key"Mogelijk gemaakt door

Om het te behouden na het herstarten van je terminal:

echo 'export XAI_API_KEY="your-xai-api-key"' >> ~/.bashrc
source ~/.bashrcMogelijk gemaakt door

Op Windows PowerShell:

$env:XAI_API_KEY="your-xai-api-key"Mogelijk gemaakt door

Je kunt de beschikbare Grok-modellen bekijken met:

omp models xaiMogelijk gemaakt door

Oh My Pi starten met Grok

Maak een nieuwe map aan om de codingagent te testen:

mkdir grok-pi-demo
cd grok-pi-demoMogelijk gemaakt door

Initialiseer een Git-repository zodat OMP de wijzigingen die het aanbrengt kan volgen:

git initMogelijk gemaakt door

Start nu Oh My Pi:

ompMogelijk gemaakt door

Bij de eerste start opent OMP mogelijk een korte setup-wizard voor het configureren van providers, webzoekopdrachten en de interface. Je kunt ook op elk moment omp setup uitvoeren om deze opnieuw te openen.

Omdat we de omgevingsvariabele XAI_API_KEY al hebben geconfigureerd, hoef je niet opnieuw bij xAI in te loggen. Druk op Esc wanneer je klaar bent met de provider-setup.

Als je het SuperGrok-abonnement gebruikt in plaats van API-tegoeden, selecteer dan xAI Grok OAuth (SuperGrok of X Premium+) op het inlogscherm.

Zodra OMP opent, voer je in:

/modelMogelijk gemaakt door

Selecteer xAI uit de providerlijst en kies:

grok-4.6Mogelijk gemaakt door

Om in plaats daarvan de nieuwere Grok 4.7 te gebruiken, selecteer je hier grok-4.7. De rest van deze tutorial blijft hetzelfde.

OMP toont ook nuttige modelinformatie, waaronder het contextvenster, de prijs, ondersteuning voor redeneren en vision-mogelijkheden.

Je hebt nu Grok draaiend binnen Oh My Pi als een terminalgebaseerde codingagent. Vanaf hier kan het de ingebouwde tools van OMP gebruiken om bestanden te inspecteren, code te wijzigen, commando’s uit te voeren, tests te draaien, problemen te debuggen en grotere ontwikkeltaken aan te pakken.

Ontdek de ingebouwde functies van Oh My Pi

Oh My Pi wordt geleverd met 31 ingebouwde tools en ondersteuning voor meer dan 60 AI-providers, dus de meeste codingworkflows werken zonder extra plugins of MCP-servers te installeren.

Enkele van de meest bruikbare ingebouwde mogelijkheden zijn:

• Bestandsbeheer: Bestanden lezen, aanmaken, bewerken, doorzoeken en structureel wijzigen.

• Terminaltoegang: Shellcommando’s uitvoeren en processen beheren rechtstreeks vanuit de agent.

• Code-executie: Persistente Python- en JavaScript-sessies draaien.

• LSP-integratie: Navigeren naar definities, referenties vinden, symbolen hernoemen, diagnostiek bekijken en codeacties toepassen.

• Debugger: Python-, Go-, C/C++- en andere ondersteunde applicaties debuggen via DAP-integraties.

• Webzoekopdracht: Documentatie, GitHub, Stack Overflow, Reddit, pakketregisters, onderzoeksartikelen en het bredere web doorzoeken.

• Browserautomatisering: Websites openen en ermee interageren via een Chromium-gebaseerde browser.

• Subagents: Grotere codingtaken opsplitsen tussen meerdere agents die parallel werken.

• GitHub-tools: Werken met repositories, issues, pull requests, codesearch en GitHub Actions.

• Geheugen: Handige projectinformatie opslaan en oproepen over sessies heen.

• Begrip van afbeeldingen: Screenshots, diagrammen en andere lokale afbeeldingen inspecteren.

• Beeldgeneratie: Afbeeldingen genereren of bewerken met ondersteunde AI-providers.

• Text-to-speech: Spraak genereren met xAI Grok Voice.

• Externe bestanden: Bestanden op externe machines lezen via ssh://-paden.

• Sessiebeheer: Checkpoints maken, terugspoelen, branch’en, hervatten en langere agentsessies beheren.

• Agent-orkestratie: Trefwoorden zoals orchestrate en workflowz in je prompt coördineren meerdere subagents voor complexe taken.

Sommige van deze tools, waaronder GitHub, geheugen, beeldgeneratie, text-to-speech en checkpoints, staan standaard uit. Je kunt ze inschakelen in de instellingen van OMP.

Met andere woorden: het model kan veel meer dan alleen code genereren. Via Oh My Pi kan het het web doorzoeken, een codebase begrijpen, bestanden bewerken, commando’s uitvoeren, fouten debuggen, projectcontext onthouden en meerdere agents coördineren vanuit dezelfde terminalinterface.

Bouw een project met Oh My Pi en Grok

In plaats van de setup te testen met een eenvoudige codevraag, geven we hem een compleet project en kijken we hoe goed Grok en Oh My Pi planning, implementatie, testen en iteratie afhandelen.

Zet OMP eerst in planmodus (/plan op het moment van schrijven):

/planMogelijk gemaakt door

Voer daarna de volgende prompt in:

Build a simple Hospital Management System in Python.

Use Streamlit for the web interface and SQLite for storing data. Keep the project lightweight and easy to run locally.

The app should let hospital staff register patients, add doctors, schedule appointments, admit and discharge patients, and view available beds.

Create a dashboard showing total patients, doctors, appointments, admitted patients, and available beds.

Use a clean sidebar for navigation, simple forms and tables, and realistic sample data.

Organize the Python code properly, create the database automatically, add basic validation, and make all CRUD operations work.

Install any required dependencies, run the application, test the main workflows, and fix any errors.Mogelijk gemaakt door

Beoordeel het plan

Voor het schrijven van code gebruikte Grok de ingebouwde tools van OMP om relevante documentatie te onderzoeken, actuele informatie over Streamlit en het Python-ecosysteem te checken, de requirements te inspecteren en te redeneren over hoe de applicatie gestructureerd moet worden.

Vervolgens produceerde het een gedetailleerd implementatieplan, opgedeeld in secties. OMP maakt het plan interactief, zodat je tussen secties kunt navigeren, individuele beslissingen in meer detail kunt bekijken en wijzigingen kunt aanbrengen voordat je de agent toestemming geeft het project aan te raken.

Als je tevreden bent, keur je het plan goed en laat je Grok beginnen met bouwen.

Laat Grok de app bouwen en testen

Na goedkeuring van het plan verliep de daadwerkelijke implementatie verrassend eenvoudig. Grok maakte de projectstructuur, databaselaag, Streamlit-interface, voorbeelddata en CRUD-functionaliteit, installeerde vervolgens de dependencies en testte de applicatie.

De eerste werkende versie kostte minder dan vijf minuten om te bouwen en te testen.

Hier maakt een goed coding-harnas het verschil. Grok genereerde niet simpelweg een blok Python-code om het aan mij terug te geven. Het kon bestanden aanmaken, de applicatie draaien, fouten inspecteren, correcties doorvoeren en doorgaan totdat het project draaide.

Itereer op de UI

De eerste versie werkte, maar ik vond de standaarduitstraling van Streamlit niet mooi. Het zag er te veel uit als een standaard Streamlit-applicatie.

Dus vertelde ik de agent wat ik aangepast wilde hebben, waaronder het thema, de dashboardindeling, de visuele hiërarchie en hoe de informatie gepresenteerd moest worden. Grok paste het bestaande project aan in plaats van alles vanaf nul opnieuw op te bouwen.

Het eindresultaat was een gepolijst Hospital Management System met patiëntenbeheer, artsendossiers, afspraken, opnames, bedregistratie en rapportage.

Het proces laat ook de waarde van codingagents zien: je kunt beginnen met een werkende versie, die beoordelen en het ontwerp en de functionaliteit blijven verfijnen met simpele follow-upinstructies.

Een opmerking over de kosten

Er is één groot nadeel aan deze setup: Grok via de API kan duur worden voor agentisch coderen.

Voor dit project liet het SpaceXAI-gebruiksdashboard een totale uitgave van $11,84 zien, met ongeveer 19,4 miljoen verwerkte tokens over 938 API-verzoeken. Het meeste gebruik kwam van planning, webzoekopdrachten, het bewerken van bestanden, tools draaien, de applicatie testen en het verfijnen van de UI.

Voor occasionele tests zijn API-tegoeden nog steeds nuttig omdat je precies kunt bepalen hoeveel je uitgeeft. Maar als je elke dag codeert of grotere projecten bouwt, is een SuperGrok-abonnement waarschijnlijk de betere optie, zeker wanneer agentische workflows honderden verzoeken in één sessie genereren.

Grok leverde uitstekende resultaten, maar deze test liet ook zien dat bij codingagents kosten en tokenverbruik net zo belangrijk zijn als de modelkwaliteit.

Tot slot

Eén ding dat steeds duidelijker wordt bij codingagents is dat het model en het coding-harnas niet van hetzelfde bedrijf hoeven te komen. Het standaardharnas rond een model is niet altijd de beste manier om het te gebruiken, en developers koppelen steeds vaker sterke modellen zoals Claude of Grok aan alternatieve codingagents en terminaltools die beter bij hun workflow passen.

Het probleem is dat je eigen setup bouwen snel tijdrovend wordt. Je begint MCP-servers te installeren, skills toe te voegen, plugins te configureren, tools te koppelen en alles zelf te onderhouden.

Dat is wat ik fijn vind aan Oh My Pi. Het is een codingagent met alles erop en eraan, met de meeste van die mogelijkheden ingebouwd. Je installeert het, koppelt je provider of abonnement, kiest een model en begint met coderen. Je hoeft geen uren te besteden aan het samenstellen van de agent voordat je hem daadwerkelijk kunt gebruiken.

Grok werkte erg goed met OMP en leverde een solide applicatie op, maar de API-kosten waren hoger dan ik verwachtte. Voor occasionele tests zijn API-tegoeden prima. Als ik Grok elke dag voor coderen zou gebruiken, zou ik persoonlijk eerder naar SuperGrok met OMP kijken.

Uiteindelijk draait het interessante deel niet alleen om welk bedrijf het beste codingmodel heeft. Het gaat om het vinden van de beste combinatie van model en harnas voor hoe jij daadwerkelijk werkt.