UNINOVIS · HAAI · LOCAL HUB DEN HAAG
2026 · EDITIE 03 · VOORBEREIDING
KLAAR VOORDATE18.06

Vibecode
je idee tot
een AI ding

Voorbereiding Den Haag 2026

Op de hackathon bouw je in één dag een werkend AI-prototype voor een echte uitdaging uit de bouw. Je hoeft geen programmeur te zijn.

Deze pagina is je warming-up. Je leert wat vibecoding is, hoe je een AI met goede prompts aanstuurt, en met welke tools je vandaag al kunt beginnen. Of je nu nog nooit code hebt geschreven of al ervaren bent: het doel is iets maken dat het probleem echt oplost.

📍 18 juni 2026 09:00 tot 17:00 Tinwerf 10, Den Haag
WAAR JE NAARTOE WERKT

Eén dag, één echte case, jouw oplossing

Tijdens ConStructAI krijg je een praktijkcase van Dijkxhoorn Bouwgroep. Geen verzonnen opdracht, maar een echt probleem uit de bouw dat je met AI aanpakt. Denk aan bouwrapportages genereren uit foto's, vertragingen voorspellen, onveilige situaties herkennen of materiaalhergebruik analyseren. Je kiest zelf hoe je bouwt.

01

Vibecoding

Bouwen door te praten. Je beschrijft je idee, de AI maakt de app. Het snelst voor een demo.

  • Geen code nodig
  • In een uur een klikbare demo
  • Tools: Lovable, Bolt, Google AI Studio
02

AI-assisted

Je schrijft code, maar een AI-copilot helpt mee, vult aan en fixt bugs. De gulden middenweg.

  • Sneller dan handmatig coden
  • Goed voor echte logica en data
  • Tools: Cursor, Codex, Copilot
03

Zelf coden

Volledige controle in een echte IDE, met AI als vraagbaak ernaast. Voor wie al kan programmeren.

  • Maximale vrijheid
  • Goed voor maatwerk en API's
  • Tools: JetBrains, Replit
DE BASIS

Wat is vibecoding?

Vibecoding betekent dat je in gewone taal beschrijft wat je wilt bouwen, en een AI maakt de schermen, de code en soms zelfs de database voor je. Jij stuurt, de AI typt. Je hoeft de programmeertaal niet te kennen. Je moet vooral duidelijk zijn over wat je wilt en waarom.

Hoe een sessie eruitziet

Je werkt in rondes. Je vraagt iets, je bekijkt het resultaat, je vraagt de volgende stap. Zo bouw je stukje voor stukje naar een werkende app toe.

1Beschrijf je idee en wie het gaat gebruiken.
2Bekijk wat de AI maakt en test het meteen.
3Stuur bij met een vervolgvraag of een correctie.
4Herhaal tot je een demo hebt die het probleem oplost.
WAAROM HET WERKT

Snel van idee naar demo

Voor studenten zonder technische ervaring is bouwen door te chatten vaak veel sneller dan starten met een lege code-editor. Je ziet meteen iets werken, je leert van wat de AI maakt, en je houdt focus op het probleem in plaats van op de syntax.

+Snel: binnen een uur sta je met een klikbare demo.
+Laagdrempelig: geen installatie of setup nodig.
+Leerzaam: vraag de AI om uit te leggen wat het deed.
DE SKILL DIE HET VERSCHIL MAAKT

Hoe je prompt bepaalt wat je bouwt

Een AI is zo goed als jouw opdracht. Een vage vraag geeft een vaag resultaat. Met deze zes principes haal je in één dag het meeste uit elke tool.

01

Wees specifiek

Beschrijf wat je bouwt, voor wie en waarom. "Een app waarmee een uitvoerder met één foto een bouwrapport maakt" werkt veel beter dan "een rapportage-app".

02

Geef context

Vertel welk probleem je oplost en wie het gebruikt. De AI maakt betere keuzes als het de situatie kent. Noem de bouwcase, de gebruiker en het doel.

03

Werk in kleine stappen

Vraag niet alles tegelijk. Bouw eerst het hoofdscherm, test het, en vraag dan de volgende functie. Itereren geeft stabielere resultaten.

04

Geef voorbeelden

Laat zien wat erin gaat en wat eruit moet komen. "Input: foto van een muur, output: korte tekst met gebreken." Voorbeelden sturen het model krachtig aan.

05

Plak je fouten terug

Krijg je een foutmelding? Kopieer de volledige error terug in de chat en vraag de AI om het op te lossen. Dit is de snelste manier om verder te komen.

06

Vraag om uitleg

Laat de AI uitleggen wat het deed en waarom. Zo blijf je sturen in plaats van klikken, en je leert terwijl je bouwt. Handig voor je pitch.

Voorbeeldprompt, kopieer en pas aan # Rol en doel
Je bent mijn bouwassistent. Maak een webapp voor de hackathon-case van Dijkxhoorn Bouwgroep.

# Wat moet het doen
Een uitvoerder uploadt een foto van een bouwplaats. De app maakt een korte veiligheidsrapportage: wat is onveilig, hoe ernstig, en wat is de actie.

# Hoe het eruitziet
Strak, mobielvriendelijk, één uploadknop en een duidelijke lijst met bevindingen.

# Begin klein
Bouw eerst alleen het uploadscherm. Daarna voegen we de analyse toe.
JE GEREEDSCHAP

Tools waarmee je vandaag kunt starten

Begin simpel. Je hoeft niet de perfecte tool te kiezen, kies wat past bij je niveau en wat je vandaag wilt bouwen. Veel tools zijn gratis te proberen. Sommige hebben studentkorting, dus regel die het liefst voor de hackathon.

Vibecoding AI-assisted en IDE's Modellen en API's
AanraderVibecodingGemini API

Google AI Studio

Bouw en test apps met Gemini. Je beschrijft je idee en voegt AI-functies toe zoals chat, beeldherkenning of live input. Sterk en gratis te proberen voor je hackathon-case.

  • Snel van idee naar werkende app
  • AI direct in je eigen app
  • Gratis te starten
Open tool
50% studentVibecoding

Lovable

Bouw een volledige webapp door te chatten. Heel sterk voor niet-technische studenten en snelle MVP's voor je case.

  • Heel laagdrempelig
  • Snel visueel resultaat
  • Goed voor MVP's
Open tool
Free tierVibecoding

Bolt.new

Maak websites en apps door te chatten, helemaal in de browser. Geen setup, ideaal als je niet wilt rommelen met installaties.

  • Van idee naar demo
  • Werkt in de browser
  • Goed voor simpele apps
Open tool
1 jaar premiumUI generator

v0

Sterk voor frontend en React-componenten. Perfect als je snel een mooie interface nodig hebt naast een andere tool.

  • Mooie UI's maken
  • Goed voor React en Next.js
  • Fijn naast Cursor of Codex
Open tool
1 jaar gratis ProAI IDE

Cursor

AI-code editor voor wie al een beetje kan programmeren. Sterk voor scripts, backend, databases en het fixen van bestaande code.

  • Sterk voor echte code
  • Goed voor scripts en backend
  • AI-copilot ingebouwd
Open tool
IDE en agentCode

OpenAI Codex

Coding agent die helpt met code schrijven, reviewen en grotere taken. Sterk als je al een project hebt en gericht dingen wilt laten bouwen of fixen.

  • Goed voor bestaande code
  • Werkt naast je IDE
  • Sterk voor bugs en scripts
Open tool
Student PackBrowser IDE

Replit

Code, AI Agent, database en publicatie in één browseromgeving. Sterk voor studenten zonder lokale installatie.

  • Geen setup nodig
  • Goed voor demo's
  • Kan apps publiceren
Open tool
Alles in éénStartpunt

GitHub Student Pack

Een bundel developer tools: Copilot, Codespaces, hosting, domeinen en leerplatformen. De beste eerste stap, regel dit voor de hackathon.

  • Startpunt voor iedereen
  • Veel gratis credits
  • Handig voor samenwerken
Aanvragen
Gratis modellenModel router

OpenRouter

Eén API-sleutel voor veel AI-modellen. Soms kun je gratis modellen gebruiken in coding-tools. Handig als je je kosten laag wilt houden.

  • Eén plek voor veel modellen
  • Ook gratis modellen
  • Kosten laag houden
Bekijk apps
Gratis startenArtifacts

Claude Artifacts

Aparte werkvensters waarin Claude code, documenten, visuals of mini-apps toont. Je ziet direct werkende output, makkelijk aan te passen via de chat.

  • Uitlegbare prototypes
  • Fijn voor dashboards
  • Makkelijk aanpassen
Open tool
Gratis voor studentenIDE

JetBrains

Professionele IDE's zoals IntelliJ, PyCharm en WebStorm. Voor studenten die serieus willen leren programmeren en grotere projecten bouwen.

  • Top voor Java, Python en web
  • Echte pro-tooling
  • Goed voor grotere projecten
Aanvragen
VibecodingPoC

Emplex AI Studio

Een simpele vibecoding-tool van Emplex om snel een proof of concept te bouwen. Handig voor een eerste demo zonder setup.

  • Snel een werkend PoC
  • Laagdrempelig, meteen starten
  • Goed voor een eerste schets
Open tool
KLAAR VOOR 18 JUNI

Je voorbereiding in vier stappen

01

Regel je toegang

Vraag het GitHub Student Pack aan of activeer studentkorting bij minstens één bouwtool. Doe dit op tijd, want verificatie kan even duren.

02

Kies één bouwtool

Pak Google AI Studio, Lovable, Bolt of v0 en bouw thuis een mini-app. Zo wen je aan het vibecoden.

03

Oefen je prompts

Test de zes prompt-principes op een eigen idee. Merk hoe specifiek zijn en kleine stappen je betere resultaten geven.

04

Verdiep waar nodig

Moet je code aanpassen of een API koppelen? Verken Cursor, Codex of JetBrains, en bekijk OpenRouter voor gratis modellen.

📩 Vragen of aanmelden?
Teamgrootte 2 tot 4 studenten
per team