---
title: "Prompt teardown: de sectie die eruitziet als uw app zonder"
description: "Dezelfde prompt, geplakt in twee apps met een tegengesteld design, levert twee perfect geklede secties op — zonder één woord over stijl. Dit leest de generatie"
canonical_url: "https://nl.goodbarber.com/blog/prompt-teardown-de-sectie-die-eruitziet-als-uw-app-zonder-dat-u-erom-vraagt-a1416/"
lang: nl
date: 2026-09-07
last_updated: 2026-09-07
---

# Prompt teardown: de sectie die eruitziet als uw app zonder

[Terug](/blog/maak-het-waar-r13/)

# Prompt teardown: de sectie die eruitziet als uw app zonder dat u erom vraagt

Written by [Dumè Siacci](https://nl.goodbarber.com/blog/author/dominique-siacci/)  on Maandag 7 September 2026

## Dezelfde prompt, ongewijzigd geplakt in twee apps met een tegengesteld design: een patisserie in crème en roze, een radiozender in nachtzwart en amber. Geen enkele aanwijzing over het uiterlijk: geen kleur, geen lettertype, geen afgeronde hoek. Beide secties kwamen eruit alsof ze er geboren waren. Dit heeft de generatie gelezen zonder dat iemand het opschreef.

![](https://cmsphoto.ww-cdn.com/superstatic/2962774/art/grande/97537211-67921494.jpg?v=1785501422.4781632)

**Prompt teardown, aflevering 4.** De serie waarin we prompts van de AI Extension Builder uit elkaar halen om te lezen wat ze werkelijk in gang zetten: wat elke zin oplevert, welke keuzes de generatie maakt zonder dat ze worden gedicteerd, wat de sectie kan zodra ze er staat. Vandaag: één enkele prompt, twee keer geplakt in twee fictieve demo-apps — en een vraag die hem nooit is gesteld: hoe moet de sectie eruitzien?

## Een prompt die zwijgt over stijl

De gevraagde sectie heet «Today & tomorrow»: het programma van de komende twee dagen, gelezen uit de agenda van de app, met een tab om te wisselen; bezoekers pinnen wat ze niet willen missen, en de app onthoudt die selectie van bezoek tot bezoek. De prompt — hij staat onderaan dit artikel — beschrijft dat gebruik, en niets anders. Lees hem nog eens: er staat geen woord in over het uiterlijk.

We hebben hem geplakt in twee apps die elkaar de rug toekeren. «Pastries' House», een fictieve patisserie: crèmekleurige achtergrond, letters vol rondingen, snoeproze en chocolade. «Radio Alba», een fictieve lokale zender: nachtscherm, witte titels, amber en rood. Als de generatie alleen de prompt had om mee te werken, zouden beide secties er identiek uit moeten komen.

## In de patisserie

![](https://cmsphoto.ww-cdn.com/superstatic/2962774/art/grande/97537211-67921496.jpg?v=1785501423.5701685)

Bij «Pastries' House» arriveert de sectie in crème: witte kaarten op de achtergrond van de app, goudkleurige tijden, pins en tabs in snoeproze — twee afgeronde pillen, «Today» en «Tomorrow», die de grammatica van de navigatiebalk overnemen. De getoonde events zijn de echte: de baksels en workshops uit de agenda van de app, miniaturen inbegrepen. De gepinde selectie nestelt zich onderaan, in een balk «Pinned for later» — en omdat ze alleen van de bezoeker is, leeft ze op zijn telefoon, bij elk bezoek terug, zonder account en zonder vragen.

![De gegenereerde sectie in de app van de patisserie: wisselen tussen de twee dagen, een event pinnen, de lijst vult zich](https://assets.ww-cdn.com/blog/houseofpastries_todaytomorrow.gif)

## Bij de radio

![](https://cmsphoto.ww-cdn.com/superstatic/2962774/art/grande/97537211-67921497.jpg?v=1785501424.6221735)

Bij «Radio Alba»: dezelfde prompt, een ander temperament. De sectie komt donker naar buiten: antracietkleurige kaarten, data en tijden in amber, de actieve tab in rood — de accenten van de zender, niet die van de patisserie. En het is niet dezelfde sectie in een ander kleurtje: ook de lay-out verandert. De tijd schuift naar de rechterkant van de kaart, de twee tabs zitten in een compacte schakelaar, de hele kaart reageert op een tik om te pinnen. Tot aan de ondertitel, geschreven door de generatie en per app verschillend: «What's happening now and next» hier, «See what's on, and keep a short list…» daar.

Twee apps, twee outfits, twee interpretaties — en nog steeds nul stijlaanwijzingen in de prompt.

## Wat de generatie heeft gelezen

De prompt die u schrijft is niet de enige tekst die de generatie ontvangt. Bij elke aanvraag voegt het platform het visuele paspoort van uw app toe: het palet, rol voor rol — de achtergrond, de vlakken, de kleur van de acties, die van de titels, de scheidingslijnen — met één eenvoudige opdracht: de sectie moet eruitzien alsof ze in deze app geboren is. Daarom belandt het snoeproze op de pins van de patisserie en het rood op de actieve tab van de zender: elk las haar eigen paspoort.

In [het artikel dat de AI Extension Builder introduceerde](https://nl.goodbarber.com/blog/ai-extension-builder-maak-secties-met-ai-zonder-code-a1338/) zei Jerome het in één zin: de algehele stijl van de app — kleuren, witruimte, contrasten — volgt automatisch. Het onzichtbare deel van de prompt is precies dat. En het stopt niet bij stijl: wanneer uw beschrijving een sectie van de app bij naam noemt — hier «Events» —, krijgt de generatie ook wat nodig is om die te lezen. Daarom is het getoonde programma het echte, miniaturen inbegrepen.

En als u de code zelf zou moeten onderhouden? Dat werk heeft een naam: een huisstijlgids omzetten in variabelen, elk component nalopen, en alles opnieuw nalopen bij de eerste restyling. Hier wordt het bij elke generatie opnieuw gedaan — zonder één regel van uw prompt in beslag te nemen. Plak morgen dezelfde prompt in een derde app: dan leest de generatie het paspoort van díe app.

## Wat niet beweegt

![](https://cmsphoto.ww-cdn.com/superstatic/2962774/art/grande/97537211-67921499.jpg?v=1785501425.794179)

Niet alles volgt het design van de app, en dat is bewust. Het kenmerkende lettertype van de patisserie — die speelse, ronde titels — blijft op de native schermen; gegenereerde secties schrijven in het systeemlettertype, het native register van elke telefoon, overal goed leesbaar. Hetzelfde geldt voor het fundament: comfortabele tikzones, voldoende contrast, laadstatussen en lege schermen standaard voorzien. Dat deel wordt in de prompt niet onderhandeld — het beschermt de sectie, en uw gebruikers, in welke app dan ook.

Het meest sprekende beeld: twee schermen van dezelfde app naast elkaar. De native agenda van de patisserie — roze banners, huislettertype — en de gegenereerde sectie. Dezelfde inhoud, dezelfde miniaturen, twee typografische registers — en één en hetzelfde huis.

## De volledige prompt

Hier is hij, precies zoals geplakt, twee keer, zonder één regel meer:

Create a "Today & tomorrow" section for this app. It shows what's happening today and tomorrow, using the events from the app's "Events" section. Visitors switch between the two days, tap an event to pin it to their personal shortlist, and see their shortlist at a glance. Remember the shortlist between visits.

Tussen de twee resultaten is geen teken van de prompt veranderd. Alleen de app veranderde — en de app deed al het stijlwerk.

## Aan u

Neem deze prompt, vervang «Events» door de naam van een sectie in uw app, en plak hem: de sectie komt bij u thuis naar buiten, in uw kleuren. Doe daarna de omgekeerde oefening: vraag om een bewuste afwijking — een pin-knop die niet te missen is, een blok dat afsteekt tegen de rest — en kijk wat er beweegt, en wat standhoudt. Er is geen betere manier om te voelen waar uw prompt eindigt en waar begint wat het platform zelf leest.

De eerste aflevering van de serie haalde een sectie uit elkaar die een parkeerplek onthoudt en de GPS en Maps van de telefoon aanspreekt: [Prompt teardown: GPS, geheugen en Maps uit een enkele zin](https://nl.goodbarber.com/blog/prompt-teardown-gps-geheugen-en-maps-uit-een-enkele-zin-a1398/). En de [zomerquiz uit de zusterserie](https://nl.goodbarber.com/blog/steel-dit-idee-een-ai-gebouwde-zomerfilmquiz-die-je-publiek-echt-gaat-delen-a1397/) toonde al dezelfde reflex: gegenereerd in een app, gekleed door die app.

De AI Extension Builder is in bèta, open voor iedereen: [maak een app met GoodBarber](https://nl.goodbarber.com/create/) en beschrijf uw eerste sectie.

## FAQ

**Moet ik het design van mijn app in de prompt beschrijven?**

Nee. Het palet van de app wordt bij elke generatie gelezen, zonder dat u het hoeft te herhalen: beschrijf het gebruik, de stijl volgt. Wilt u het uiterlijk sturen — een sfeer, een detail dat u belangrijk vindt —, zeg het dan zoals de rest: uw beschrijving blijft de specificatie.

**Wat gebeurt er met de sectie als ik het design van mijn app later verander?**

De kleding van een sectie wordt vastgelegd op het moment van genereren. Vraag na een restyling gewoon om een iteratie — «stem de sectie af op het nieuwe design» — en de generatie leest het paspoort van de app opnieuw, inmiddels bijgewerkt.

**Kan ik een sectie willen die afsteekt tegen de rest van de app?**

Ja. De gewenste afwijking beschrijft u zoals elke andere eis: een promotieblok dat moet contrasteren, een knop die het scherm moet domineren. De generatie vertrekt altijd vanuit de identiteit van de app — uw zin bepaalt de afwijking, en het fundament van leesbaarheid blijft staan.

**Waarom gebruikt de sectie niet het lettertype van mijn titels?**

Gegenereerde secties schrijven in het systeemlettertype van de telefoon: het register van native interfaces, leesbaar en consistent op iOS én Android. Uw kenmerkende lettertype blijft dat van uw native schermen — de twee leven samen in dezelfde app, elk op hun plek.

![Dumè Siacci](https://blog.goodbarber.com/_public/profile/ca/ca3512f4dfa95a03169c5a670a4c91a19b3077b4-default.jpg)

Over de auteur[Dumè Siacci](https://nl.goodbarber.com/blog/author/dominique-siacci/)CTO

Mede-oprichter en CTO van GoodBarber. Ik stuur de technische visie van het product aan: architectuur, infrastructuur en sinds kort de integratie van AI in de kern van het platform. Als developer in hart en nieren blijf ik dicht bij de code en de engineeringkeuzes waarmee duizenden GoodBarber-gebruikers hun apps kunnen publiceren zonder één regel code te schrijven.

[Lees meer](https://nl.goodbarber.com/blog/author/dominique-siacci/)

[![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://fr.linkedin.com/in/dsiacci/)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://twitter.com/dsiacci)[![Facebook](https://portal.ww-cdn.com/portal_static/svg/base2021/fb.be37c82b8283.svg)](https://www.facebook.com/dsiacci)