🤖 Website genereren met AI

In deze handleiding leer je stap voor stap hoe je met Claude AI een complete, professionele website genereert en live zet via Webnexus Sites. Geen programmeerkennis nodig.

Wat heb je nodig?

• Claude AI — Ga naar claude.ai en maak een gratis account aan
• Webnexus Sites account — Meld je gratis aan
• Onze AI Development Skill — Download hierboven of gebruik losse skills van de Skills bibliotheek

Stap 1: Download de Webnexus AI Development Skill

We hebben één complete mega-prompt gemaakt die alles combineert wat je nodig hebt: intake-vragen over je bedrijf, alle 11 skills (SEO, CRO, responsive design, branding, etc.), en senior marketing-expertise.

1. Download het .txt bestand
2. Open het bestand en kopieer de volledige inhoud

Stap 2: Start een gesprek met Claude

1. Ga naar claude.ai
2. Start een nieuw gesprek
3. Plak de volledige skill als je eerste bericht
4. Claude gaat je vragen stellen over je bedrijf — beantwoord ze zo volledig mogelijk

Stap 3: Claude genereert je website

Na het beantwoorden van de vragen maakt Claude een complete website voor je. Het resultaat is één HTML-bestand met alle CSS en JavaScript erin — klaar om te uploaden.

1. Kopieer de gegenereerde code
2. Open een teksteditor (Notepad, TextEdit, of VS Code)
3. Plak de code en sla op als index.html

Stap 4: Upload naar Webnexus Sites

1. Log in op je Webnexus Sites dashboard
2. Sleep het index.html bestand naar het uploadvenster
3. Je site is direct live op jouwnaam.websites.webnexus.nl

Stap 5: Verfijn en verbeter

De eerste versie is een startpunt. Vraag Claude om aanpassingen:

• "Verander de kleuren naar blauw en wit"
• "Maak de hero groter met een gradient achtergrond"
• "Voeg een team-sectie toe"
• "Verbeter de SEO voor het zoekwoord [zoekwoord]"
• "Voeg een WhatsApp-knop toe rechtsonder"

Upload het verbeterde bestand opnieuw — het overschrijft de vorige versie.

Skills bibliotheek

Naast de complete AI Development Skill hebben we 11 losse skills voor specifieke onderdelen:

1. Landingspagina bouwen — Converterende pagina's van scratch
2. SEO-optimalisatie — Gevonden worden in Google
3. Conversie-optimalisatie (CRO) — Meer bezoekers omzetten in klanten
4. Responsive design — Perfect op elk scherm
5. Website snelheid — Razendsnel laden
6. Contactformulieren — Leads verzamelen
7. Social proof — Vertrouwen opbouwen
8. Branding & styling — Visuele identiteit
9. Webteksten schrijven — Overtuigende copy
10. Analytics & tracking — Resultaten meten
11. Frontend development — Code kwaliteit

Bekijk alle skills →

Tips voor het beste resultaat

• Wees specifiek — "Maak een landingspagina voor een loodgietersbedrijf in Amsterdam" werkt beter dan "maak een website"
• Geef voorbeelden — Verwijs naar sites die je mooi vindt
• Itereer — De eerste versie hoeft niet perfect te zijn. Vraag om aanpassingen
• Controleer op mobiel — Open je site op je telefoon en check of alles goed staat
• Voeg eigen foto's toe — Vervang placeholders met echte foto's voor een persoonlijke touch