Vibe coding voorbeelden: wat kun je bouwen met AI?

Bij elk voorbeeld staat een label. Zo kun je die lezen:

• Makkelijk: één of een paar schermen, geen opgeslagen gegevens of alleen in je browser. Goed als eerste project.
• Gemiddeld: gegevens worden bewaard in een database (een geordende opslag van gegevens), bijvoorbeeld in Prisma Postgres.
• Uitdagend: meerdere gebruikers met eigen inlog, koppelingen met andere diensten of betalingen. Prima te doen, maar neem er de tijd voor.

• gemiddeld

  Urenregistratie

  Je vult per dag in hoeveel uur je aan welke klant werkte en ziet per maand een totaal. Handig voor zzp'ers die nu met losse briefjes werken.

• gemiddeld

  Offertecalculator

  Je kiest producten of diensten, het programma rekent met jouw tarieven en maakt een overzicht dat je als pdf kunt opslaan.

• gemiddeld

  Simpel klantenoverzicht

  Een lijst met klanten, contactgegevens en notities per gesprek. Een eigen mini-CRM dat precies de velden heeft die jij gebruikt.

• uitdagend

  Afsprakenformulier

  Klanten kiezen een vrij tijdstip en jij krijgt een mail. Uitdagend omdat je rekening houdt met dubbele boekingen en bevestigingsmails.

• gemiddeld

  Teamdashboard

  Eén scherm met de cijfers die je team elke week bespreekt, gevuld vanuit een spreadsheet die je uploadt.

• gemiddeld

  Gedeelde boodschappenlijst

  Iedereen in huis zet er iets op, en wat gekocht is streep je af. Werkt op je telefoon als je hem online zet.

• makkelijk

  Klusjesrooster

  Een weekschema dat de taken eerlijk verdeelt over de gezinsleden en elke week doorschuift.

• gemiddeld

  Huishoudboekje

  Je voert uitgaven in per categorie en ziet per maand waar je geld heen gaat. Je gegevens blijven op je eigen computer.

• makkelijk

  Receptenverzameling

  Al je recepten op één plek, met zoeken op ingrediënt. Een mooi eerste project, omdat je direct ziet wat je bouwt.

• makkelijk

  Verjaardagskalender

  Een overzicht van verjaardagen van familie en vrienden, gesorteerd op wie als eerste jarig is.

• makkelijk

  Website voor je club

  Een paar pagina's met nieuws, trainingstijden en een contactformulier. Je past teksten later zelf aan via de AI.

• gemiddeld

  Collectie bijhouden

  Platen, boeken, postzegels of planten: een eigen database met foto's, notities en een zoekfunctie.

• gemiddeld

  Toernooischema

  Je voert teams in, het programma maakt een speelschema en houdt de stand bij na elke wedstrijd.

• makkelijk

  Eenvoudig spel

  Een geheugenspel, een woordpuzzel of een klein arcadespel dat in de browser draait. Leuk om te delen met vrienden.

• uitdagend

  Ledenportaal

  Leden loggen in, zien hun gegevens en schrijven zich in voor activiteiten. Uitdagend door de inlog en het beschermen van persoonsgegevens.

• makkelijk

  Overhoorprogramma

  Je voert woordjes of begrippen in en het programma overhoort je in willekeurige volgorde, met een score aan het eind.

• makkelijk

  Quiz voor je klas of cursus

  Meerkeuzevragen met uitleg na elk antwoord. Handig voor docenten en voor wie zelf iets wil oefenen.

• makkelijk

  Leesdagboek

  Bijhouden welke boeken je las, met een korte notitie en een cijfer. Aan het eind van het jaar zie je je eigen lijstje.

• gemiddeld

  Rekenhulp voor een vak

  Een hulpmiddel dat een berekening stap voor stap laat zien, bijvoorbeeld rente, oppervlakte of een recept omrekenen.

• uitdagend

  Flitskaarten met herhaling

  Kaarten die vaker terugkomen als je ze fout had. Uitdagend omdat het programma per kaart moet onthouden hoe goed je hem kent.

1. 1

   Begin bij een eigen ergernis

   Het beste project lost iets op waar jij zelf last van hebt. Dan weet je precies wat het moet doen en blijf je gemotiveerd.

2. 2

   Kies eerst iets makkelijks

   Start met een voorbeeld met het label makkelijk. Zo leer je de werkwijze zonder dat je meteen met databases of inlogs bezig bent.

3. 3

   Schrijf het in drie zinnen op

   Wat doet het, voor wie is het en wat zie je op het scherm? Die drie zinnen zijn meteen je eerste opdracht aan de AI.

4. 4

   Breid daarna stap voor stap uit

   Werkt de basis? Voeg dan één functie tegelijk toe, zoals opslaan, zoeken of een mooiere vormgeving.

Twijfel je of je idee haalbaar is? Vraag het de AI. Claude Code kan je idee opknippen in stappen en vertellen welke onderdelen meer werk zijn. Zo weet je vooraf waar je aan begint.