Etter å ha samlet inn leads, er neste steg å lage en personlig nettsidemockup for hver potensiell kunde. Dette gjør oppsøkende arbeid mye sterkere, fordi du i stedet for å sende en generell melding, kan vise en bedrift hvordan deres redesignede nettside faktisk kan se ut.

I dette eksempelet opprettes en andre Claude Code-ferdighet kalt generate-mockup. Denne ferdigheten henter et lead fra databasen, vanligvis etter praksisnavn eller domene, og følger deretter en repeterbar prosess.

Ferdigheten:

• Leser leadets detaljer fra databasen;
• Besøker den potensielle kundens nåværende nettside;
• Henter reell informasjon som praksisnavn, tjenester, beliggenhet og kontaktinformasjon;
• Bruker dette innholdet til å generere et moderne redesign av en én-sides nettside;
• Følger den designretningen som allerede er definert i prosjektet;
• Lagrer mockupen som en selvstendig HTML-fil;
• Oppdaterer databasen med mockup-stien og endrer lead-status til mockup-ready.

For å holde resultatet enkelt og portabelt, lages mockupen med ren HTML og Tailwind CSS via en CDN. Dette betyr at hver side enkelt kan hostes uten behov for en full applikasjonsoppsett.

Siden ferdigheten lagres i prosjektets .claude/skills-mappe, kan den gjenbrukes når som helst. Claude oppdager kanskje ikke alltid ferdigheten automatisk i Claude Desktop, så det kan være nyttig å eksplisitt fortelle Claude hvilken ferdighet som skal brukes og hvor den er plassert.

Når ferdigheten kjøres vellykket, opprettes en mockup basert på reell informasjon fra den potensielle kundens nettside. Dette bidrar til å unngå oppdiktede påstander og gjør resultatet mer troverdig. For eksempel kan den genererte mockupen inkludere faktiske tjenester, åpningstider og teaminformasjon, samtidig som plassholderseksjoner som anmeldelser eller inaktive kontaktskjemaer tydelig merkes.

Denne prosessen er kraftfull fordi den gjør lead-data om til et personlig salgsverktøy. I stedet for å manuelt designe en forhåndsvisning for hver potensiell kunde, kan Claude håndtere mye av arbeidet og skape en repeterbar arbeidsflyt som senere kan forbedres, skaleres og automatiseres ytterligere.