Inzichten

Ik shipte een full-stack product in 7 dagen. Dit leerde ik pas daarna.

Ik heb Skillhub.pm vorige week gelanceerd. Het is een discovery platform voor Claude AI skills en MCP servers — zie het als een directory waar je tools kunt browsen, zoeken en vinden die uitbreiden wat Claude kan doen. Het staat live. Het werkt. Mensen gebruiken het. En ik weet nog steeds niet helemaal zeker hoe ik me voel over het proces dat me hier bracht.

Teun Somers, UX-Specialist bij Aviva Solutions.

Teun Somers
UX-Specialist
16 februari 2026

Laat me even een stap terug doen. Ik kan een beetje coderen, vooral CSS en styling-achtige dingen. Ik heb nooit iets gebouwd dat ook maar in de buurt komt van een productie-applicatie. Geen databases, geen API’s, geen deployment pipelines. Die wereld zat voor mij altijd aan de andere kant van de overdracht.

Wat ik wél heb, zijn jaren ervaring met het ontwerpen van producten. Denken in systemen. Informatie structureren. Beslissen wat je bouwt en wat je schrapt. Dat soort denken wordt na een tijdje vanzelfsprekend: je merkt niet eens meer dat je het doet.

En blijkbaar is systeemdenken precies het soort denken dat je nodig hebt om met AI te bouwen.

Wat er eigenlijk onder de motorkap zit

Ik wil hier even specifiek zijn, want “ik heb een product gebouwd met AI” kan van alles betekenen. Dit is wat SkillHub daadwerkelijk is:

Next.js 15 met TypeScript. Een PostgreSQL-database op Supabase met Row Level Security. shadcn/ui-componenten gestyled met Tailwind. Framer Motion voor pagetransities en scroll-animaties. Een WebGL-hero gebouwd met Three.js en custom shaders. Zod-validatie op formulieren. E-mailnotificaties via Resend, zowel naar mij als admin als een bevestiging naar inzenders. Een admin-dashboard met magic-link authenticatie. Drie geautomatiseerde cron jobs op Vercel: één update dagelijks GitHub star-ratings, één ontdekt wekelijks nieuwe skills door GitHub-repo’s en npm-registries te scannen, en één verrijkt openstaande inzendingen met metadata uit README’s. Privacyvriendelijke analytics via Plausible. Dynamische Open Graph-afbeeldingen per skillpagina. Op dit moment al 311+ skills in 8 categorieën.

Dat zijn 11 tools in de stack. Als ik nu naar die lijst kijk, voelt het bijna absurd dat dit in een week bij elkaar is gekomen.

SkillHub

De beste ervaring uit Claude

Maar waar ik het meest trots op ben: het platform onderhoudt zichzelf. Elke week scant een cron job automatisch GitHub en npm op nieuwe Claude skills. Als ’ie ze vindt, verschijnen ze in mijn admin-dashboard, klaar om met één klik te reviewen en goed te keuren. De directory groeit zonder dat ik handmatig nieuwe entries hoef op te sporen. Ik curéér alleen.

De homepagina van Skillhub.pm, een site om MCP servers en skills te vinden voor Claude.

SkillHub helpt je om meer uit Claude te halen.

Wat me verraste: geen technische drempel

Dit is waar ik steeds op terugkom: geen van het technische werk was het moeilijke deel. Niet de code, niet de infrastructuur. DNS-records configureren voor e-mailaflevering, vier verschillende Supabase client-configuraties begrijpen, middleware zo krijgen dat auth-sessies worden ververst, cron job timeouts debuggen — Claude hielp me er overal doorheen. Elk probleem had een oplossing, zolang ik het maar helder genoeg wist te formuleren.

De productbeslissingen gingen ook makkelijk. Welke pagina’s te bouwen. Hoe ik de data moest structureren. Waar ik moest investeren in polish en waar ik juist ruw kon shippen. Die keuzes maak ik al jaren, alleen deed ik het in Figma in plaats van in code.

Het lastige is wat erna komt. Het product is live. Het werkt. En nu moeten mensen het ook echt gaan vinden.

Wat ik nog uitzoek: input concretiseren

Ik gebruikte Claude als development partner tijdens de hele build. Niet als een tool waar ik blind van kopieerde, maar als iemand om mee te denken. En waar ik steeds over reflecteer: hoe sterk de kwaliteit van wat terugkwam afhing van hoe goed ik het probleem inkaderde.

Geef vage input, krijg vage output. Geef heldere constraints en specifieke context -zoals je een goede design brief zou schrijven- en de resultaten waren opvallend goed.

Daar zit iets interessants in. De skills die mij effectief maakten waren niet technisch. Het waren smaak (weten wat goed voelt en wat “net niet” is) en high agency (niet wachten op toestemming of perfecte omstandigheden, maar gewoon beginnen). En dezelfde design thinking die ik in elk project gebruik: het probleem opdelen, de constraints definiëren, weten waar je voor oplost, helder communiceren. Systems thinking. Information architecture. Scoping. Prioriteren.

Ik denk niet dat dit betekent dat designers developers moeten worden. Maar ik denk wél dat de kloof tussen een productvisie hebben en het echt shippen veel kleiner is geworden dan de meesten van ons doorhebben. En als je jaren hebt besteed aan denken in systemen, informatie structureren en beslissingen maken onder constraints — dan ben je misschien beter uitgerust voor deze nieuwe workflow dan je denkt.

SkillHub als eindproduct

SkillHub staat live op skillhub.pm. Het is gratis. Je kunt skills bekijken, zoeken op categorie, en je eigen skill insturen als je er eentje gebouwd hebt. Ik schreef ook een complete build guide waarin de volledige stack, setup en code patterns staan.

Dit is versie één. Het is niet perfect. Maar het bestaat omdat ik stopte met wachten op het juiste moment en gewoon begon.

Teun Somers, Senior UX-Designer bij Aviva Solutions.

Over de auteur

Teun Somers is een ervaren UX Designer met uitgebreide ervaring in het ontwerpen van digitale producten binnen complexe organisaties. Hij combineert strategisch inzicht met een scherp oog voor design en gebruikerservaring. Teun beweegt moeiteloos tussen strategie, creatie en uitvoering, en weet teams te verbinden rondom een gedeelde productvisie. Zijn kracht ligt in het vertalen van merk- en businessdoelen naar betekenisvolle, gebruiksvriendelijke ervaringen. Met een sterke focus op de gebruiker, vanuit duidelijkheid en samenwerking draagt hij bij aan digitale groei.

Interessant voor jou

AI: briljant tot het breekt (en hoe je dat voorkomt)

Praktische tips

Wat kan AI voor ons betekenen?

Nemen robots de wereld over?

Vier voorbeelden van AI in actie

Zet AI slim in