Het Creëren van een Vaardigheid voor Mockup-Generatie

Na het verzamelen van leads is de volgende stap het creëren van een gepersonaliseerde website-mockup voor elke prospect. Dit versterkt de outreach aanzienlijk, omdat je in plaats van een generiek bericht te sturen, een bedrijf kunt laten zien hoe hun vernieuwde website eruit zou kunnen zien.

In dit voorbeeld wordt een tweede Claude Code-skill aangemaakt met de naam generate-mockup. Deze skill haalt een lead uit de database, meestal op basis van praktijknaam of domein, en doorloopt vervolgens een herhaalbaar proces.

De skill:

• Leest de gegevens van de lead uit de database;
• Bezoekt de huidige website van de prospect;
• Haalt echte informatie op, zoals de praktijknaam, diensten, locatie en contactgegevens;
• Gebruikt die inhoud om een modern one-page redesign te genereren;
• Volgt de eerder in het project vastgestelde ontwerpstijl;
• Slaat de mockup op als een zelfstandige HTML-bestand;
• Werkt de database bij met het mockup-pad en wijzigt de leadstatus naar mockup-ready.

Om de output eenvoudig en draagbaar te houden, wordt de mockup gemaakt met gewone HTML en Tailwind CSS via een CDN. Dit betekent dat elke pagina eenvoudig gehost kan worden zonder een volledige app-inrichting.

Omdat de skill is opgeslagen in de .claude/skills-map van het project, kan deze hergebruikt worden wanneer nodig. Claude detecteert de skill mogelijk niet altijd automatisch in Claude Desktop, dus het kan helpen om expliciet aan te geven welke skill gebruikt moet worden en waar deze zich bevindt.

Wanneer de skill succesvol draait, wordt een mockup gemaakt op basis van echte informatie van de website van de prospect. Dit helpt om verzonnen claims te voorkomen en maakt het resultaat geloofwaardiger. De gegenereerde mockup kan bijvoorbeeld echte diensten, openingstijden en teaminformatie bevatten, terwijl tijdelijke secties zoals reviews of inactieve contactformulieren duidelijk als placeholder worden gemarkeerd.

Dit proces is krachtig omdat het leadgegevens omzet in een gepersonaliseerd verkoopmiddel. In plaats van handmatig voor elke prospect een preview te ontwerpen, kan Claude veel van het werk overnemen en een herhaalbare workflow creëren die later verder verbeterd, opgeschaald en geautomatiseerd kan worden.