AI Dev Tools
Case Study

AI Dev Tools

aidevtools.app

// OVERZICHT

Het idee

Het begon met een vraag op LinkedIn: "Welke AI-tool moet ik gebruiken als developer?" Het antwoord is niet simpel - het hangt af van je stack, je budget en wat je wilt bereiken. Dus in plaats van steeds hetzelfde antwoord te typen, bouwden we een keuzehulp.

Dat werd AI Dev Tools - een quick scan die in een paar vragen de beste AI-tools voor jouw situatie aanbeveelt.

// AANPAK

Vibe coding in de praktijk

AI Dev Tools is gebouwd met Antigravity voor de eerste versie en Claude Code voor iteraties en nieuwe features. Een bewuste keuze: we wilden dezelfde app bouwen met twee verschillende AI-tools om te ontdekken waar elk uitblinkt.

Het format is een quick scan: een handvol vragen over je stack, ervaring en behoeften. Op basis daarvan krijg je een gepersonaliseerd advies met concrete tool-aanbevelingen, inclusief waarom die tools bij jouw situatie passen.

Twee AI-tools, twee sterktes:

01

Antigravity

Snel van nul naar werkend prototype. Ideaal voor de eerste opzet en het uitproberen van ideeën. Minder controle over details, maar de snelheid is ongeëvenaard.

02

Claude Code

Meer controle en beter voor iteratief werk. Begrijpt context, kan refactoren en voegt features toe zonder bestaande code te breken.

// SECURITY

Act 2: de security-scanner

Vibe coding maakt bouwen laagdrempelig - maar "het werkt" is niet hetzelfde als "het is veilig." We zagen dat veel vibe-coded projecten live gingen zonder basale security-checks.

Dus voegden we een security-scanner toe aan AI Dev Tools. Die checkt op veelvoorkomende fouten: exposed API keys, ontbrekende Row Level Security in Supabase, missende security headers, en open endpoints.

Geen pentest, maar een snelle health check die de meest voorkomende gaten vindt - precies het niveau waar vibe-coded projecten het hardst falen.

Frontend

React + TypeScript + Tailwind CSS

Backend

Supabase (database, auth, edge functions)

Hosting

Netlify (frontend) + Supabase (API)

AI Development

Antigravity (v1) + Claude Code (iteraties)

Security Scanner

Custom checks op API keys, RLS, headers, endpoints

// RESULTAAT

Wat het opleverde

Live product

Draait op aidevtools.app met echte gebruikers.

Tool selectie

Gepersonaliseerd advies op basis van jouw stack en behoeften.

Security scan

Automated checks op de meest voorkomende vibe-coding fouten.

Eigen dogfooding

We gebruiken het zelf bij elk nieuw project als startpunt.

// LEARNINGS

Wat we leerden

Bouw wat mensen vragen

De keuzehulp ontstond omdat dezelfde vraag steeds terugkwam. Geen marktonderzoek, maar een directe reactie op een concreet probleem.

Vibe coding werkt - met de juiste tools

Antigravity voor snelheid, Claude Code voor controle. De combinatie is sterker dan elk apart. Weten wanneer je wisselt is de skill.

Security is een feature, geen afterthought

De security-scanner was niet gepland maar werd het meest waardevolle onderdeel. Veel makers controleren dit nooit - daar ligt de waarde.

// MEER_LEZEN

Meer lezen

De volledige verhalen achter AI Dev Tools:

// MEER_CASES

Bekijk ook deze cases

// CONTACT

Zelf bouwen met AI?

Van idee naar werkend product met vibe coding? Benieuwd wat wij voor jouw project kunnen betekenen?