Efter indsamling af leads er næste skridt at oprette et personligt website-mockup for hver potentiel kunde. Dette styrker outreach betydeligt, da man i stedet for at sende en generisk besked kan vise en virksomhed, hvordan dens redesignede website faktisk kunne se ud.

I dette eksempel oprettes en anden Claude Code-færdighed kaldet generate-mockup. Denne færdighed tager et lead fra databasen, typisk via praksisnavn eller domæne, og gennemgår derefter en gentagelig proces.

Færdigheden:

• Læser leadets oplysninger fra databasen;
• Besøger den potentielle kundes nuværende website;
• Henter reelle oplysninger såsom praksisnavn, ydelser, placering og kontaktoplysninger;
• Bruger dette indhold til at generere et moderne redesign af en enkelt side;
• Følger den designretning, der allerede er defineret i projektet;
• Gemmer mockuppet som en selvstændig HTML-fil;
• Opdaterer databasen med mockup-stien og ændrer lead-status til mockup-ready.

For at holde outputtet simpelt og portabelt oprettes mockuppet med ren HTML og Tailwind CSS via et CDN. Det betyder, at hver side nemt kan hostes uden behov for en fuld app-opsætning.

Da færdigheden er gemt i projektets .claude/skills-mappe, kan den genbruges efter behov. Claude opdager muligvis ikke altid færdigheden automatisk i Claude Desktop, så det kan være en fordel eksplicit at fortælle Claude, hvilken færdighed der skal bruges, og hvor den er placeret.

Når færdigheden kører med succes, oprettes et mockup baseret på reelle oplysninger fra den potentielle kundes side. Dette hjælper med at undgå opdigtede påstande og gør resultatet mere troværdigt. For eksempel kan det genererede mockup inkludere reelle ydelser, åbningstider og teamoplysninger, mens pladsholdersektioner som anmeldelser eller inaktive kontaktformularer tydeligt markeres.

Denne proces er effektiv, fordi den omdanner lead-data til et personligt salgsaktiv. I stedet for manuelt at designe en forhåndsvisning for hver potentiel kunde kan Claude håndtere en stor del af arbejdet og skabe et gentageligt workflow, der senere kan forbedres, skaleres og automatiseres yderligere.