Ai-Revolution Ai-Revolution

Ai-Website Blauwdruk

Een website die niet naar Ai ruikt.

De blauwdruk uit de live sessie met Tim Coronel. Zeven blokken die je in een kwartier invult, waarna Claude Code er in één keer een site van bouwt die niemand voor Ai aanziet.

Stuur mij de blauwdruk PDF · 7 blokken · inclusief invulvel
Pagina 9 van de blauwdruk: het scene-script, met de zes beats van de kartbaan.
Pagina 3 van de blauwdruk: elk gat dat je openlaat vult Ai met het gemiddelde van het internet.
Cover van de Ai-Website Blauwdruk van Ai-Revolution.
Pagina 12 van de blauwdruk: de anti-slop lijst met elf dingen die verboden zijn.
Pagina 15 van de blauwdruk: het invulvel dat je kopieert en in Claude plakt.
★★★★★
Waar ik dacht al veel te weten, kreeg ik door dat ik nog veel niet wist. Heel prettig om stapsgewijs meegenomen te worden.
Rijo VerburgStrategic Projects, ViaLuxury
★★★★★
Mika heeft ons flink aan het werk gezet om het ook echt te gebruiken. We hebben nu taken gedelegeerd om sneller te werken.
Casper te BrakeManager bedrijfsvoering, Wonion
★★★★★
Vooral het bouwen van onze eigen assistenten gaat ons echt veel opleveren. De advanced training raad ik zeker aan.
Tycho KeukenAdviseur, Adviesbureau De Vaart
Mika Karthe en Tim Coronel achter een laptop tijdens de sessie waarin de nieuwe website werd gebouwd.

Waar dit vandaan komt

Niet achter een bureau bedacht. Tim Coronel zat ernaast toen we deze blokken invulden voor de site van zijn kartbaan.

Tim Coronel en Mika Karthe, tijdens de sessie

Bekijk hier de video

Wat er in zit

Van vage opdracht naar een bouwprompt.

Zeven blokken, in de volgorde die werkt.Dit zijn de drie waar het omslaat.

De wet: elk gat dat je openlaat, vult Ai met het gemiddelde van het internet.
01

Dicht de gaten

Waarom een vage prompt geen neutraal resultaat geeft maar actief middelmaat, en welke zeven gaten je moet dichten voordat je iets vraagt.

Blok 2: eerst een design system laten opleveren, daarna pas HTML.
02

Eerst het systeem

De zin die je letterlijk in je prompt zet zodat er geen regel HTML komt voordat type scale, kleuren, ritme en motion vastliggen.

Blok 4: het scene-script met zes beats, van stilstaande kart tot de knop.
03

Schrijf een storyboard

Per scroll-beat wat er in beeld is, wat binnenkomt en wat verdwijnt. Het volledige script van de kartbaan zit erin als voorbeeld.

Herkenbaar?

Het werkt. Maar het is van niemand.

De site staat er, binnen een uur.En hij lijkt op elke andere site die deze week is gebouwd met Ai.

Je vraagt het te vaag

Je typt wat je wilt zoals je het tegen een collega zou zeggen. Er komt iets terug dat werkt, alleen niet van jou is. Dus vraag je het nog een keer, iets anders geformuleerd, en krijg je hetzelfde.

Een merknaam is geen richting

Noem je alleen een merk, dan kopieert het model de vibe die het dénkt dat je bedoelt.

Maak het zoals Apple.

Beeld vertelt het verhaal, tekst staat er alleen bij.

“Maak het mooier” sloopt het

Eén vage opmerking en je krijgt iets compleet anders terug.

Maak het wat mooier en moderner.

In beat 3, donut rechts in beeld, zelfde hoek en duur.

De omslag van de Ai-Website Blauwdruk.

Zeven blokken die precies dit dichttimmeren.

Elke sectie verzint eigen regels

De ene sectie heeft ronde hoeken, de volgende niet. Drie keer bijna dezelfde blauwtint. Los is er niets mis mee, samen voelt het rommelig.

Je beschrijft een pagina

Een lijst secties levert een template op. Pas als je beats beschrijft, met wat binnenkomt en wat vastpint, krijg je beweging die ergens over gaat.

Elf dingen weghalen scheelt het meeste

Iedereen herkent een Ai-website binnen twee seconden, en steeds aan dezelfde elf dingen. Zet die lijst letterlijk onder de kop “verboden” in je prompt, met per regel wat er in plaats daarvan moet gebeuren.

Blok 5 · De anti-slop lijst

Uit de blauwdruk: de anti-slop lijst met per verboden element wat je in plaats daarvan doet.

Vragen

Voordat je je mail achterlaat.

Is de blauwdruk echt gratis?

Ja. Je laat je naam en e-mailadres achter en de PDF staat binnen een minuut in je inbox. Geen betaalmuur, geen proefperiode.

Moet ik kunnen programmeren?

Nee. Je vult zeven blokken in gewone taal in. Claude maakt daar één bouwprompt van en Claude Code bouwt de site. Jij beoordeelt of het klopt, en dat is een ander vak dan code schrijven.

Werkt dit ook zonder Claude Code?

De blokken zijn geschreven voor Claude Code, maar de logica erachter is niet merkgebonden. Elk gat dat je openlaat wordt ingevuld met het gemiddelde, welk model je ook gebruikt.

Zitten de prompts van de kartbaan erbij?

Ja. Het volledige scene-script van de sessie met Tim Coronel staat erin, plus het promptpakket waarmee de animaties zijn gemaakt: vijf clips, met de referentiebeelden en instellingen erbij. Dit document wordt nog verder aangevuld met prompts.

Krijg ik hierna een verkoper aan de lijn?

Je krijgt de blauwdruk en daarna af en toe een mail met iets bruikbaars. Wil je die niet, dan zeg je met één klik onderaan de mail af. Bellen doen we alleen als je daar zelf om vraagt.

Zijn er nog meer gidsen?

Ja, over ChatGPT, Copilot, Claude Code, automatisering en Ai-use-cases voor het MKB. Ze staan allemaal op de downloadpagina.

Zometeen bouwt Claude jouw site, niet die van iedereen.

Zeven blokken, een anti-slop lijst en een invulvel dat je in een kwartier doorloopt.

Stuur mij de blauwdruk Gratis · direct in je inbox · afmelden met één klik