Zo schrijf je prompts waar geweldige apps uit komen

builder77 kan een werkende app bouwen op basis van één zin. Maar één zin laat veel beslissingen aan de AI over: voor wie de app is, welke schermen belangrijk zijn, welke data hij opslaat en hoe hij moet aanvoelen. Hoe meer van die beslissingen je vooraf neemt, hoe dichter de eerste versie bij je idee uitkomt — en hoe minder credits je kwijt bent aan correcties.

Deze handleiding loopt een promptstructuur door die we zelf gebruiken. Het is geen magie, gewoon een checklist die zorgt dat de belangrijke dingen gezegd worden.

1. Begin met voor wie het is en welke taak het uitvoert

“Een boekingsapp” kan honderd verschillende dingen betekenen. “Een boekingsapp voor een kapsalon met twee mensen, waarin klanten een behandeling, een stylist en een tijdslot kiezen” kan maar een paar dingen betekenen. Begin met de gebruiker en de taak, in één of twee zinnen.

Bouw een boekingswebapp voor een kleine kapsalon. Klanten kiezen een behandeling, een stylist en een beschikbaar tijdstip, en laten daarna hun naam en telefoonnummer achter.

2. Noem de schermen of secties

Door de schermen te benoemen geef je de AI een skelet om in te vullen. Noem bij een website de secties op volgorde. Noem bij een app de belangrijkste weergaven en hoe mensen daartussen navigeren.

• Website: hero, behandelingen met prijzen, team, sectie met reviews (vul je later in), openingstijden, boekingsformulier, footer met link naar de kaart.
• Webapp: dashboard, lijstweergave met filters, detailpagina, modal voor aanmaken/bewerken, instellingen.
• Mobiele app: tabs onderaan voor Vandaag, Plannen, Voortgang en Profiel, plus een bottom sheet om items toe te voegen.

3. Beschrijf de data

Elke builder77-app heeft een ingebouwde database, dus de AI slaat data op in collecties. Je krijgt een nettere app als je zegt welke collecties dat zijn en welke velden belangrijk zijn. Technische taal is niet nodig — gewone zelfstandige naamwoorden werken prima.

Sla boekingen op (behandeling, stylist, datum, tijd, naam klant, telefoon, status) en behandelingen (naam, duur, prijs). Voeg een paar voorbeeldbehandelingen toe.

Als elke gebruiker alleen zijn eigen gegevens mag zien — een dagboek, een habit tracker, een persoonlijk budget — zeg dat dan expliciet: “gebruikers maken een account aan en zien alleen hun eigen items”. builder77 voegt dan inloggen toe en filtert queries op de huidige gebruiker.

4. Geef een visuele richting

Bij stijl leveren generieke prompts generieke resultaten op. Twee of drie concrete woorden zijn beter dan een alinea vol bijvoeglijke naamwoorden. Noem een sfeer, een kleur en een referentie als je die hebt.

• “Warm en minimalistisch, crèmekleurige achtergrond, terracotta accenten, schreefkoppen.”
• “Donker dashboard, hoog contrast, elektrisch groene highlights, compacte tabellen zoals in Linear.”
• “Speels en afgerond, pastelkleuren, grote vriendelijke knoppen voor kinderen.”

Je kunt ook een screenshot als referentie toevoegen. De AI haalt aanwijzingen voor layout en kleur uit de afbeelding, dus het is een handige shortcut als je iets specifieks in gedachten hebt.

5. Gebruik “Prompt verbeteren” als je vastloopt

Heb je alleen een ruw idee, typ het dan in en druk op Prompt verbeteren. builder77 herschrijft het tot een uitgebreide prompt over gebruikers, schermen, data en stijl. Lees hem door voordat je hem verstuurt en pas aan wat niet klopt. Zo ga je snel van “een fitnessapp” naar een specificatie die je echt wilt.

6. Werk in kleine, concrete stappen

Zodra de eerste versie er staat, weersta dan de neiging om een lijst met twaalf wijzigingen te sturen. Kleine verzoeken zijn betrouwbaarder en makkelijker terug te draaien. Een goed ritme is één functie of één visuele wijziging per bericht.

• Gebruik Selecteren om in de preview op een element te klikken en precies te zeggen wat eraan moet veranderen.
• Gebruik de modus Bespreken om een grotere functie met de AI te plannen voordat je hem bouwt.
• Gaat er iets mis, druk dan op Herstel met AI — die stuurt de opgevangen fout mee zodat de AI hem kan repareren.
• Elke wijziging is een versie. Ben je niet blij met een resultaat, zet dan de vorige terug en formuleer het anders.

Een compleet voorbeeld

Bouw een mobiele habit tracker genaamd Streaky voor mensen die kleine dagelijkse gewoontes opbouwen.

Schermen: Vandaag (lijst met gewoontes met een grote afvinkknop en de huidige reeks),
Gewoontes (gewoontes toevoegen/bewerken met naam, emoji, kleur en doeldagen per week),
Statistieken (wekelijkse voltooiingsgrafiek en langste reeks), Profiel (uitloggen).

Data: gebruikers maken een account aan; gewoontes en check-ins zijn privé per gebruiker.

Stijl: rustig en vriendelijk, gebroken witte achtergrond, zacht groen accent,
afgeronde kaarten, grote aanraakvlakken, tabbalk onderaan.

Dat zijn ongeveer 80 woorden, en ze beantwoorden elke vraag waar de AI anders naar zou moeten raden. Probeer de structuur uit bij je volgende idee — en bewaar je beste prompts binnen handbereik, want je hergebruikt de patronen vaker dan je denkt.