Ik lanceerde vier productiewebsites in de afgelopen zes maanden. Geen landingspagina's. Full-stack applicaties met authenticatie, databases, betalingsverwerking, AI-features en duizenden pagina's met gegenereerde inhoud. Ik deed het grotendeels alleen, en ik deed het met AI-tools die twee jaar geleden niet bestonden.

Dit is niet nog een "top 10 AI-coderingstools" lijstje waar iemand die nooit iets heeft gebouwd Copilot tegen Tabnine afzet op basis van vergelijkingstabellen. Dit is de workflow die ik elke dag gebruik bij Social Animal om productiesites als Divine Astrology (DA), Night and Sound (NAS), FindMyElectrician (FME) en SleepDr te bouwen. Elk gereedschap hier heeft zijn plaats verdiend door honderden uren echte gebruikservaringen.

De productiviteitswiskunde is eenvoudig en verbluffend: wat traditioneel 3 ontwikkelaars in 4 weken (480 uur) nodig hadden, kost nu 1 ontwikkelaar 1 week (40 uur). Dat is een 12x vermenigvuldiger. Dit is hoe we kwaliteitsprojecten van $15-50K opleveren als een lean operatie met marges die een traditioneel bureau doen sidderen.

Laat me je door elk gereedschap lopen, hoe ze met elkaar verbonden zijn, en waarom de combinatie belangrijker is dan elk afzonderlijk onderdeel.

Inhoudsopgave

Best AI Tools for Building Websites with Claude Code in 2026

The Complete AI-Native Web Development Stack

Voordat ik elk gereedschap uitwerk, hier is het vogelperspectief van wat wat doet:

Tool Rol Fase Maandelijkse kosten (2026) Impactniveau
Claude Code (Terminal) Sprint-uitvoering, bestandscreatie, testen Build $100-200 (Max-plan) Kritiek
Claude.ai (Chat) Strategie, inhoud, architectuur Plan Inbegrepen bij Max Kritiek
v0.dev (Vercel) UI-componentgenerering Design → Build $20/mnd (Premium) Hoog
FAL API AI-beeldgenerering Inhoud Pay-per-use (~$50/mnd) Gemiddeld-Hoog
Cursor AI-ondersteunde code-editing Build $20/mnd (Pro) Gemiddeld
Vercel AI SDK Productie-AI-features Build Gratis (open source) Hoog
ElevenLabs Spraakvormgeving Features $22/mnd (Starter) Situationeel

Totale maandelijkse kosten voor een AI-native ontwikkelingsteam: ongeveer $250-350. Vergelijk dat met drie salarissen van ontwikkelaars.

Laat me je laten zien hoe elk gereedschap in de praktijk werkelijk werkt.

Claude Code (Terminal): The Engine That Runs Everything

Claude Code is veruit het belangrijkste gereedschap in deze hele stack. Punt. Als ik alles anders zou moeten loslaten en maar één gereedschap zou kunnen houden, zou dit het zijn.

Dit is wat de meeste mensen verkeerd begrijpen over AI-coderingassistenten: ze gebruiken ze voor autovoltooiing. Ze typen een functiehandtekening en laten de AI het afmaken. Dat is een raket gebruiken als presse-papier.

Claude Code draait in je terminal. Het leest je volledige codebase. Het begrijpt je projectstructuur, je conventies, je databaseschema, je API-routes. En wanneer je het vertelt wat je wilt bouwen, stelt het niet voor -- het schrijft bestanden, maakt directories, voert migraties uit en voert testen uit.

Het CLAUDE.md-systeem

Het geheim zit in een bestand genaamd CLAUDE.md dat in elke projectroot leeft. Beschouw het als een grondwet voor je AI-medewerker. Hier is een vereenvoudigde versie van hoe de onze eruitziet:

# CLAUDE.md - Projectconfiguratie

## Project: Night and Sound (NAS)

![Best AI Tools for Building Websites with Claude Code in 2026 - architecture](https://zpkyypersyvzhywdxqij.supabase.co/storage/v1/object/public/public-assets/blog-body/a130faff-f84e-4ceb-9d07-0632e7d98225-2.jpg)

## Stack: Next.js 15, TypeScript, Tailwind CSS v4, Drizzle ORM, Neon Postgres
## Deployment: Vercel

## Architectuurregels
- Alle pagina's gebruiken App Router met servercomponenten standaard
- Client-componenten alleen wanneer interactiviteit nodig is (voorvoegsel 'use client')
- Databasequery's gaan door /lib/db/queries/ -- nooit inline in componenten
- Alle API-routes valideren input met Zod-schema's
- Afbeeldingen geserveerd via next/image met juiste breedte/hoogte

## Sprintsysteem
- Sprintbestanden bevinden zich in /sprints/
- Elk sprintbestand bevat taken met acceptatiecriteria
- Tests uitvoeren na elke featureimplementatie
- Commit met conventionele commitberichten

## Naamgevingsconventies
- Componenten: PascalCase (VenueCard.tsx)
- Utils: camelCase (formatDate.ts)
- DB-tabellen: snake_case (venue_reviews)
- API-routes: kebab-case (/api/venue-search)

Wanneer ik claude in mijn terminal typ en zeg "Run Sprint NAS-3," leest Claude Code dit bestand, opent de sprintspecificatie en begint uit te voeren. Het maakt componenten, schrijft databasequery's, bouwt API-routes, voegt foutafhandeling toe en voert de testsuite uit. Ik controleer, stel aan en ga verder.

Een feature die een ervaren ontwikkelaar twee dagen zou kosten kost ongeveer 45 minuten.

Wat Claude Code werkelijk bouwt

Op het Divine Astrology-project bouwde Claude Code:

  • Het volledige Oracle Council AI-chatsysteem (multi-modelgesprek met 12 astrologische archetypen)
  • Databasemigraties voor gebruikersgeburtekaarten, lezingen en betalingsgeschiedenis
  • Stripe-integratie met webhookhandlers
  • Programmatische SEO-pagina's voor 144 zodiacuscombinaties
  • Serveracties voor alle formulierverzendingen

Dit is geen speelgoedcode. Het is productiecode die op Vercel draait, werkelijke gebruikers en echte betalingen afhandelt. We behandelen dit soort werk uitgebreid in onze Next.js-ontwikkelingsmogelijkheden.

Tips voor maximale output van Claude Code

  1. Wees specifiek over wat je wilt. "Bouw een venuezoeking-pagina" is vaag. "Bouw een servercomponent op /app/venues/page.tsx die de venues-tabel bevraagt met filters voor stad, capaciteit en venue_type, geeft VenueCard-componenten weer in een responsief raster en bevat paginering met 20 resultaten per pagina" geeft Claude Code alles wat het nodig heeft.

  2. Houd CLAUDE.md bijgewerkt. Elke architectuurbeslissing, elke conventiewijziging -- zet het in het bestand. Claude Code raadpleegt het constant.

  3. Gebruik sprintbestanden. Probeer niet alles in één prompt te bouwen. Verdeel werk in discrete taken met duidelijke acceptatiecriteria. Claude Code blinkt uit in gerichte uitvoering.

  4. Laat het tests uitvoeren. Claude Code kan je testsuite uitvoeren en fouten repareren. Deze feedbacklus is ongelooflijk krachtig.

Claude.ai (Chat): Strategy, Content, and Architecture

Claude Code behandelt uitvoering. Claude.ai behandelt alles anders.

Ik gebruik de chatinterface voor werk dat back-and-forth denken vereist: architectuurbeslissingen, contentstrategie, codereview's en documentgenerering. In feite werd de SEO-strategie achter dit artikel zelf -- het zoekwoordonderzoek, contentbrief, concurrentiële analyse -- ontwikkeld in Claude.ai-gesprekken.

Hier is wat ik concreet bedoel. Voor onze headless CMS-ontwikkelingen heb ik een gesprek als:

"Ik bouw een directory-site voor elektriciens. Ik moet 50.000+ stadspecifieke landingspagina's programmatisch genereren. Wat is de optimale aanpak met Next.js 15 App Router, rekening houdend met ISR, buildtijden en crawl budget?"

Claude.ai geeft me niet zomaar een algemeen antwoord. Het denkt trade-offs door, stelt specifieke implementaties voor en wijst op randgevallen die ik niet heb nagedacht. Ik heb op deze manier 24+ strategische PDF-documenten gegenereerd -- alles van technische architectuurspecificaties tot outbound verkoopsplaybooks.

Waar Chat beter presteert dan Terminal

  • Architectuurplanning voordat je een regeltje code schrijft
  • Inhoudsgenerering -- blogposts, metabeschrijvingen, emailsequences
  • Codereview -- plak een bestand en vraag "wat is er mis met dit?"
  • Onderzoeksynthese -- "Vergelijk Drizzle ORM vs Prisma voor mijn gebruiksscenario"
  • Clientcommunicatie -- ontwerp van offertes, SOW's, technische uitleg

Het belangrijkste inzicht: gebruik Claude.ai om te denken en Claude Code om te bouwen. Dit mengen is waar mensen tijd verspillen.

v0.dev: From Screenshot to React Component in Seconds

Vercel's v0.dev is het snelste pad van "Ik wil dat het er zo uitziet" naar werkende React + Tailwind code.

Mijn workflow: screenshot van een ontwerp uit Dribbble, de bestaande site van een client, of zelfs een ruw schets. Plak het in v0. Krijg terug een functionele React-component met Tailwind-classes, juist responsief gedrag en shadcn/ui-integratie.

Is de output productie-klaar? Meestal niet. Maar het is 80% daar, en Claude Code behandelt de resterende 20% -- verfijning van de component om onze projectconventies te matchen, verbinding met echte gegevens, juiste TypeScript-types toevoegen, en integratie in de paginastructuur.

v0.dev-prijzen (2026)

Plan Prijs Generaties Beste voor
Gratis $0 10/maand Proberen
Premium $20/mnd 500/maand Actieve ontwikkeling
Team $30/gebruiker/mnd Ongelimiteerd Agentschappen

Voor $20/maand betaalt v0 voor zichzelf als het je één uur CSS-werk per maand bespaart. Het bespaart me ongeveer 10-15 uur.

Wanneer v0 gebruiken vs. van nul af coderen

Gebruik v0 wanneer je nodig hebt:

  • Een complex layout dat 30+ minuten zou kosten om met de hand te coderen
  • Inspiratie voor componentstructuur die je nog niet hebt gebouwd
  • Snelle prototypes voor clientgoedkeuring voor volledige implementatie
  • UI-componenten met lastig responsief gedrag

Gebruik v0 niet wanneer:

  • Je hebt een vastgestelde componentbibliotheek -- zeg tegen Claude Code om het te gebruiken
  • De component is eenvoudig (een knop, een kaart, een eenvoudig formulier)
  • Je hebt pixelperfecte nauwkeurigheid nodig voor een specifiek ontwerpbestand

FAL API: Production-Grade AI Image Generation

Divine Astrology had honderden unieke astrologie-gerelateerde afbeeldingen nodig. We praten niet over stockfoto's -- we hadden aangepaste afbeeldingen nodig voor elk sterrenbeeld, elke planetaire combinatie, elk type lezing. Het uitbesteden hiervan aan illustrators zou tienduizenden dollars hebben gekost.

FAL API loste dit op. Het biedt serverloze toegang tot beeldgenereringsmodellen (Flux, Stable Diffusion XL en anderen) met een eenvoudige API:

import { fal } from '@fal-ai/client';

const result = await fal.subscribe('fal-ai/flux/dev', {
  input: {
    prompt: 'Mystical celestial illustration of Scorpio constellation, deep purple and gold color palette, ethereal cosmic atmosphere, detailed star patterns, art nouveau style borders',
    image_size: 'landscape_16_9',
    num_images: 1,
  },
});

const imageUrl = result.data.images[0].url;

De kosten bedragen ongeveer $0,03-0,05 per afbeelding afhankelijk van het model en de resolutie. We genereerden de volledige DA-afbeeldingsbibliotheek voor minder dan $50.

Voor Night and Sound zijn we van plan FAL te gebruiken voor venuefoto's -- atmosferische foto's genereren voor venues die hun eigen foto's niet hebben geüpload. Het is een praktische oplossing voor het cold-start-inhoudsvoordeel dat elke directory-site onder ogen ziet.

FAL vs. Andere afbeeldings-API's (2026)

Provider Beste model Kosten per afbeelding Snelheid API-kwaliteit
FAL Flux Pro 1.1 $0,05 3-8s Uitstekend
Replicate Flux Pro $0,05 5-15s Goed
Together AI Flux Schnell $0,003 1-3s Goed
OpenAI DALL-E 3 $0,04-0,08 5-10s Goed
Midjourney v6.1 $0,01-0,03* 10-30s Beperkte API

*Midjourney-prijzen geschat op basis van abonnementstarief gedeeld door typisch maandelijks gebruik.

FAL wint op de combinatie van modelkwaliteit, snelheid en developer experience. Hun SDK is schoon, de docs zijn solide en de serverloze infrastructuur betekent dat je geen GPU-instanties beheert.

Cursor: The AI-Native Code Editor

Ik zal eerlijk zijn -- ik ga heen en weer tussen VS Code en Cursor. Cursor is een fork van VS Code met AI diep geïntegreerd: inline aanvullingen, chat in de zijbalk, de mogelijkheid om bestanden en docs te verwijzen in je prompts.

Waar Cursor schittert boven VS Code + Copilot:

  • Multi-bestandsbewustzijn. Je kunt meerdere bestanden taggen in een prompt en Cursor begrijpt de relaties.
  • Inline bewerkingen. Markeer code, druk op Cmd+K, beschrijf wat je wilt veranderen. Het bewerkt ter plaatse.
  • Agent-modus. Vergelijkbaar met Claude Code maar binnen de editor-UI. Goed voor ontwikkelaars die GUI verkiezen boven terminal.

Waar ik nog steeds Claude Code gebruiken in plaats van Cursor:

  • Alles wat bestandssysteembewerkingen betreft (directories maken, bestanden verplaatsen)
  • Databasemigraties en seedscripts
  • Tests uitvoeren en fouten iteratief repareren
  • Grootschalige refactors over tientallen bestanden

Mijn eerlijke mening: als je al productief bent met Claude Code in de terminal, is Cursor een nice-to-have, geen must-have. Als je liever in je editor blijft en de terminal voelt vreemd, is Cursor je startpunt in AI-ondersteunde ontwikkeling.

Vercel AI SDK: Building AI Features Into Production Apps

Dit is waar het echt interessant wordt. De Vercel AI SDK is geen ontwikkelingstool -- het is een bibliotheek voor het bouwen van AI-aangedreven features waar je gebruikers mee interageren.

Divine Astrology's Oracle Council is volledig gebouwd op de Vercel AI SDK. Gebruikers stellen vragen over hun geburtekaart, en twaalf astrologische archetypen reageren met gepersonaliseerde inzichten. Onder de motorkap:

import { streamText } from 'ai';
import { anthropic } from '@ai-sdk/anthropic';

export async function POST(req: Request) {
  const { messages, archetype, birthChart } = await req.json();

  const systemPrompt = buildArchetypePrompt(archetype, birthChart);

  const result = streamText({
    model: anthropic('claude-sonnet-4-20250514'),
    system: systemPrompt,
    messages,
    maxTokens: 1500,
  });

  return result.toDataStreamResponse();
}

De SDK handelt streaming, tokenbeheer en providerabstractie af. Je kunt schakelen tussen Anthropic, OpenAI, Google en andere providers door één regel te wijzigen. De React-hooks (useChat, useCompletion) handelen het frontend-state management af.

We gebruiken het ook voor RAG (Retrieval-Augmented Generation) zoeken -- gebruikers zoeken inhoud en krijgen AI-verbeterde resultaten die hun vragen werkelijk beantwoorden in plaats van alleen een lijst met links terug te geven.

Als je een AI-aangedreven webapplicatie bouwt, is de Vercel AI SDK de basis. Het is open source, goed gedocumenteerd en actief onderhouden. We gebruiken het in de meeste van onze Next.js-ontwikkelingen die AI-features bevatten.

ElevenLabs: Voice Synthesis for Web Experiences

Deze is projectspecifiek, maar het demonstreert hoe ver AI-tools de mogelijkheden van een webapplicatie kunnen uitbreiden.

De Voice Oracle van Divine Astrology genereert gepersonaliseerde audio-lezingen. Een gebruiker verzendt zijn geboortekaartgegevens, het systeem genereert een geschreven lezing (via Claude), en ElevenLabs converteert dit naar een gesproken audio-ervaring met een zorgvuldig gekozen stem.

import { ElevenLabsClient } from 'elevenlabs';

const client = new ElevenLabsClient({ apiKey: process.env.ELEVENLABS_API_KEY });

const audioStream = await client.textToSpeech.convert('voice-id-here', {
  text: readingText,
  model_id: 'eleven_multilingual_v2',
  voice_settings: {
    stability: 0.6,
    similarity_boost: 0.8,
  },
});

De kwaliteit is opmerkelijk -- gebruikers kunnen niet zien dat het AI-gegenereerd is. Met $22/maand voor het Starter-plan (30.000 karakters) is het levensvatbaar voor applicaties met matig spraakvormgevingsbehoeften. Hogere volumeplannen schalen naar $99/maand en $330/maand.

Niet elk project heeft spraakvormgeving nodig. Maar wanneer het past -- begeleide ervaringen, toegankelijkheidsfuncties, audio-inhoud -- is ElevenLabs de beste optie beschikbaar in 2026.

The Productivity Math: Why This Changes Everything

Laat me de nummers uitleggen die ik aan het begin noemde, want ze verdienen kritiek.

Traditioneel agentschap: Een directory-site bouwen

Fase Team Duur Uren
Design 1 ontwerper 1 week 40
Frontend 1 frontend-ontwikkelaar 2 weken 80
Backend 1 backend-ontwikkelaar 2 weken 80
Integratie & QA Volledig team 1 week 120
Inhoud & SEO 1 contentpersoon 2 weken 80
Projectbeheer 1 PM 4 weken 80
Totaal 3-5 mensen 4 weken 480 uur

AI-native workflow: Dezelfde directory-site

Fase Aanpak Duur Uren
Design v0.dev + Claude Code 1 dag 6
Frontend + Backend Claude Code (full-stack) 3 dagen 18
AI-features Vercel AI SDK + Claude Code 1 dag 6
Inhoud & SEO Claude.ai + programmatische generering 1 dag 6
QA & Deployment Claude Code testen + Vercel 0,5 dag 4
Totaal 1 persoon ~5,5 dagen ~40 uur

Dat is een 12x productiviteitsvermenigvuldiger. En het is niet theoretisch -- het is wat we werkelijk meten over projecten heen.

De financiële implicaties: een project dat $50-80K aan arbeid van een traditioneel agentschap zou vereisen kost ons een fractie daarvan. We kunnen concurrerende prijzen aanbieden op $15-50K terwijl we gezonde marges behouden. Kijk op onze prijspagina voor specifieke details.

Dit gaat niet over het vervangen van ontwikkelaars. Het gaat over wat één geschoolde ontwikkelaar kan bereiken met de juiste gereedschappen. De ontwikkelaar moet nog steeds architectuur begrijpen, ontwerp beslissingen nemen, codekwaliteit controleren en ervoor zorgen dat het eindproduct werkt. AI handelt de implementatiesnelheid af.

How the Tools Connect: The Full Workflow in Action

Laat me een werkelijk feature traceren van concept tot productie om te laten zien hoe deze gereedschappen samenwerken:

Feature: Venuezoeking met AI-verbeterde resultaten voor Night and Sound

  1. Claude.ai (Chat): Ik beschrijf de featurevereisten en besprek architectuur. We besluiten op een servercomponent met streaming zoekresultaten, Postgres full-text zoekopdracht met een vectorgelijkenisfallback, en een AI-gegenereerde samenvatting voor elk zoekquery.

  2. v0.dev: Ik screenshot een zoekinterface die me bevalt van een ander. v0 genereert een React + Tailwind zoekcomponent met filters, resulaatkaarten en een laadingskelleton. Duurt 2 minuten.

  3. Claude Code (Terminal): Ik plak de v0-output in het project en zeg tegen Claude Code om: de component te verfijnen om onze designsysteem te matchen, de zoek-API-route met Drizzle ORM-query's te bouwen, Zod-validatie voor zoekparams toe te voegen, de AI-samenvattingsfunctie met behulp van Vercel AI SDK te implementeren, tests voor de zoelogica te schrijven en de testsuite uit te voeren. Dit duurt ongeveer 30 minuten Claude Code-werk terwijl ik controleer en begeleiding geef.

  4. Vercel AI SDK: De AI-samenvattingsfunctie gebruikt streamText om een antwoord in natuurlijke taal op de zoekquery te genereren, gegrond in de werkelijke venudata die door de zoekopdracht zijn geretourneerd.

  5. FAL API: Voor venues zonder foto's genereren we placeholderafbeeldingen op basis van het venuetype en stad.

Totale tijd van concept tot gedeployde feature: ongeveer 2 uur. In een traditionele workflow is dit meerdag-werk waarbij een frontend-ontwikkelaar, een backend-ontwikkelaar en waarschijnlijk een standup-meeting betrokken zijn.

Als je geïnteresseerd bent hoe we deze workflow toepassen op clientprojecten, neem contact met ons op. We zijn vooral sterk in Astro-ontwikkeling voor inhoudsrijke sites en Next.js voor interactieve applicaties.

FAQ

Is Claude Code beter dan GitHub Copilot voor webontwikkeling?

Ze dienen verschillende doeleinden. Copilot is een autovoltooiingstool -- het maakt de regel af die je typt. Claude Code is een autonoom codeagent dat je hele project leest, bestanden maakt, commando's uitvoert en multistapstaken uitvoert. Voor features end-to-end bouwen is Claude Code dramatisch krachtiger. Voor snelle inline suggesties terwijl je al code schrijft, vullen Copilot (of Cursor) een ander niche in.

Hoeveel kost het Claude Code professioneel in 2026 te gebruiken?

Anthropic's Max-plan loopt $100-200/maand afhankelijk van gebruikslaag, die zowel Claude.ai chat als Claude Code terminal-toegang omvat. Gecombineerd met v0.dev ($20/maand), Cursor ($20/maand), en FAL API (pay-per-use, meestal $30-50/maand) bedragen de totale stackkosten $250-350/maand. Voor een professionele ontwikkelingsteam is dit triviaal goedkoop vergeleken met de output die het mogelijk maakt.

Kan Claude Code werkelijk een volledige productiewebsite bouwen?

Ja, met belangrijke voorbehouden. Claude Code bouwt wat je architecteert. Het blinkt uit in het implementeren van goed gespecificeerde features -- componenten schrijven, databasequery's, API-routes, tests en migraties. Je hebt nog steeds een ontwikkelaar nodig die systeemontwerp, beveiliging, prestaties en gebruikerservaring begrijpt om het proces te begeleiden. Beschouw het als een ongelooflijk snelle junior-ontwikkelaar die nooit moe wordt maar duidelijke richting nodig heeft.

Wat is de beste manier om CLAUDE.md in te stellen voor een nieuw project?

Begin met je tech stack, architectuurregels en naamgevingsconventies. Voeg je databaseschema-overzicht en belangrijkste bestandspaden toe. Voeg projectspecifieke patronen toe -- hoe je authenticatie, state management en foutafhandeling aanpakt. Update het terwijl het project evolueert. Hoe meer specifiek en nauwkeurig je CLAUDE.md is, hoe beter Claude Code's output zal zijn. Meestal besteed ik 30-60 minuten aan het schrijven van dit bestand voordat ik aan een nieuw project begin.

Is v0.dev het betalen waard, of zou ik gewoon Claude Code direct prompts geven?

v0 is speciaal getraind op UI-generering met React en Tailwind. Voor visuele componenten -- vooral complexe layouts, responsieve ontwerpen en interactieve elementen -- produceert het beter initiële output dan Claude Code. Mijn workflow is: v0 voor de visuele basis, Claude Code voor verfijning en integratie. Als je een project met veel unieke UI-componenten bouwt, betaalt het $20/maand Premium-plan zichzelf vele keren terug.

Hoe handelt deze AI-workflow complexe bedrijfslogica en randgevallen af?

Dit is waar de rol van de menselijke ontwikkelaar kritiek is. AI-tools hanteren implementatiepatronen goed -- CRUD-bewerkingen, API-integraties, standaard auth-flows. Voor complexe bedrijfslogica (betalingsberekeningen, multi-stapworkflows, racecondities) schrijf ik gedetailleerde specificaties in sprintbestanden en beoordeel Claude Code's output zorgvuldig. Ik schrijf soms de lastige logica zelf en laat Claude Code de omringende scaffolding afhandelen. De 12x productiviteitswinst komt voort uit het elimineren van boilerplate, niet uit het elimineren van denken.

Welke soorten websites passen het beste in deze AI-native workflow?

Directory-sites, SaaS-applicaties, contentplatforms en e-commerce storefronts werken allemaal erg goed. Kortom, alles gebouwd met moderne frameworks zoals Next.js of Astro waar vastgestelde patronen zijn. Zeer aangepaste interactieve ervaringen (complexe animaties, WebGL, realtime-samenwerking) vereisen nog steeds meer hands-on-ontwikkeling, hoewel AI de ondersteunende infrastructuur rond die features afhandelt.

Wordt deze workflow verouderd naarmate AI-tools zich ontwikkelen?

De specifieke gereedschappen veranderen -- dat doen ze altijd. Maar de onderliggende aanpak van het combineren van AI-planning, AI-ontwerp en AI-uitvoeringsprogramma's in een geïntegreerde workflow zal alleen maar krachtiger worden. Twee jaar geleden bestonden geen van deze gereedschappen in hun huidige vorm. Twee jaar van nu zullen ze aanzienlijk capabeler zijn. De ontwikkelaars die vandaag leren om met AI-agenten te werken, zullen een enorm voordeel hebben naarmate de gereedschappen verbeteren. De workflow evolueert, maar de vaardigheid van het efficiënt richten van AI-systemen zal zich compound over de tijd.