» De Cocoder wordt gehost op een Europese server en voldoet aan de AI Act. Maar let op, als je met AI werkt ben je ook zelf verantwoordelijk. Gebruik dus bijvoorbeeld geen privacy-gevoelige gegevens. We vragen je daarom ook niet om je naam in te vullen.

» Het product dat je maakt is een prototype met fictieve data en een gesimuleerde AI.

» We werken voor het genereren van de HTML-code met het Europese taalmodel Mistral. Je hebt hier geen account voor nodig. Mistral voldoet aan de regels uit de AI Act, maar als gebruiker heb je ook een verantwoordelijkheid. Lees daar meer over op legal.mistral.ai/.

» De eindproducten blijven maximaal een maand in de galerij staan en worden daarna offline gehaald.

Democratisch: Hoe maakt AI de overheid toegankelijker en dichter bij de inwoner?

Ruimtelijk: Hoe versterkt AI de kwaliteit van de gebouwde omgeving?

Economisch: Hoe maakt AI de uitvoering efficiënter of stimuleert het nieuwe bedrijvigheid?

Sociaal: Hoe draagt AI bij aan welzijn, leefbaarheid en sociale cohesie?

Autonoom: Hoe behouden mensen de controle over AI-systemen in de stad?

Klik op de link naar Cocoder. Deze tool gebruiken we om te vibecoden.

Link: cocoder.starling.studio

Wachtwoord: aiinthecity2026

» Kies één iemand in je groepje die op de Cocoder een groep aanmaakt. Dit werkt het beste op een laptop omdat je dan gemakkelijker kunt typen en een groter scherm hebt.

» Vul bij Groepsnaam het nummer van je tafel in. Je ziet nu ook een groepscode.

» De andere leden kunnen inloggen door de QR-code te scannen op hun telefoon of naar cocoder.starling.studio te gaan en op Doe mee met een bestaande groep te klikken. Kies daar je tafel en vul de groepscode in.

Je kan met meerdere mensen tegelijk in de Cocoder werken, maar het werkt het best als een persoon dit doet voor de hele groep.

Doe dat zo:

» Schrijf allemaal eerst je eigen probleem op een post-it.

» Kijk naar de overlap en de verschillen.

» Kies samen één opgave waar je je allemaal in kunt vinden.

Beschrijf het probleem zo concreet mogelijk (minstens 100 woorden helpt):

» Wat is er aan de hand?

» Wie zijn er bij betrokken?

» Wat gaat er mis, en wie heeft daar last van?

Je kan kiezen voor een concreet probleem in één stad of voor een probleem dat zich in meerdere steden voordoet. Hoe meer input je hier geeft, hoe preciezer de oplossing wordt.

Vul je antwoord in in de Cocoder.

Democratisch: Hoe maakt AI de overheid toegankelijker en dichter bij de inwoner?

Ruimtelijk: Hoe versterkt AI de kwaliteit van de gebouwde omgeving?

Economisch: Hoe maakt AI de uitvoering efficiënter of stimuleert het nieuwe bedrijvigheid?

Sociaal: Hoe draagt AI bij aan welzijn, leefbaarheid en sociale cohesie?

Autonoom: Hoe behouden mensen de controle over AI-systemen in de stad?

Vul je antwoord in in de Cocoder.

Omschrijf per gekozen waarde hoe die samenhangt met de opgave en hoe de oplossing die waarde versterkt.

Vul je antwoord in in de Cocoder.

» Wat doet de oplossing?

» Wie is de eindgebruiker van de oplossing?

» Welke data gebruikt het?

» Wie beslist er nog?

» Hoe ziet het eruit?

Vul je antwoord in in de Cocoder.

Kies uit:

» Lokaal - een buurt of stad

» Nationaal - een heel land

» Internationaal - over landsgrenzen heen

Vul je antwoord in in de Cocoder.

Kies er één of meer uit:

» Schuiven die de uitkomst veranderen

» Klikbare punten op de kaart

» Een voor / na-vergelijking

» Een tijdlijn om doorheen te schuiven

» Een vraagvenster in chatstijl

» Beelden die reageren op wat je invoert

» Een score of ranglijst

» Filters en schakelaars

Vul je antwoord in in de Cocoder.

Kies er één of meer uit:

» Een interactieve kaart

» Een simulatie waar je aan kunt draaien

» Een dashboard met indicatoren

» Een scrollend verhaal

» Een keuze-spel

» Een tool die een vraag beantwoordt

Vul je antwoord in in de Cocoder.

Kies (via het uitklapmenu) uit:

» Serieus, zakelijk en nuchter, zoals een echte publieke dienst

» Hoopvol, laat zien wat er mogelijk wordt

» Kritisch, laat zien waar het misgaat en wie daar last van heeft

» Speculatief, een geloofwaardige nabije toekomst

» Nuchter, gewoon hoe het werkt, zonder mening

» Speels, een serieus punt met een knipoog

Vul je antwoord in in de Cocoder.

Bedenk een naam en een slagzin voor je oplossing

Vul je antwoord in in de Cocoder.

Als je alles hebt ingevuld druk op de blauwe knop Maak mijn AI-oplossing. In de mobiele versie verwissel je hiervoor van tabblad.

» Je gaat dan naar het tabblad Preview.

» Je bent nu in het tabblad Preview van de Cocoder.

» Je ziet in het linker venster de gegenereerde HTML-code en in het rechter venster een live preview van het resultaat ontstaan van je opdracht.

» Als je op een mobiele telefoon kijkt, zie je dit op twee tabbladen.

» Je kan het resultaat in een volledig scherm bekijken. Je kan ook kijken hoe het resultaat er uitziet op een desktop, tablet of mobiel.

Voor het genereren van de HTML-code maken we gebruik van het Europese taalmodel Mistral.

» Als je nog niet tevreden bent over de uitkomst, klik op de knop Iets veranderen.

» Je komt nu in een nieuw veld waar je kan omschrijven wat je niet goed vindt.

» Klik op Genereer nieuwe versie. In de mobiele versie verwissel je hiervoor van tabblad.

» Je gaat nu terug naar het tabblad Preview en ziet de nieuwe Live Preview.

» Je kan zaken veranderen tot je tevreden bent (of de tijd op is).

! Let op, hierbij is het handig dat een het product in beeld houdt en de ander de wijzigingen typt.

Als je tevreden bent druk je op Ziet er goed uit en kan je je resultaat publiceren door de velden in te vullen en te klikken op Publiceer in de galerij. In de galerij kun je straks ook zien wat de andere groepen hebben gemaakt.

De galerij is ook direct te bezoeken via deze website.

Geniet van het resultaat!

Wat we hebben gemaakt is een prototype met fictieve data en een gesimuleerde AI. Dat stelt ons wel voor een aantal vragen. Als je op tijd klaar bent kun je met elkaar in gesprek over de vraag welke data je nodig hebt om het product te laten werken, hoe je aan die data komt en wat het belang daarvan is. En je kunt je afvragen wat de kracht is van het zo snel kunnen maken van een prototype. Hoe verandert dat het gesprek tussen opdrachtgever en opdrachtnemer en tussen gemeenten en inwoners?

De Cocoder is een product van Starling. Het is ontwikkeld in het kader van AI in de Stad 2026 in samenwerking met de City Deal Over AI, Gemeente Breda, Bredata en ELBA\REC.