Skapa en Färdighet för Mockup-generering

Efter att ha samlat in leads är nästa steg att skapa en personlig webbplatsmockup för varje potentiell kund. Detta gör uppsökandet mycket starkare eftersom du istället för att skicka ett generiskt meddelande kan visa ett företag hur deras omdesignade webbplats faktiskt skulle kunna se ut.

I detta exempel skapas en andra Claude Code-färdighet som kallas generate-mockup. Denna färdighet tar en lead från databasen, vanligtvis via praktiknamn eller domän, och arbetar sedan igenom en upprepningsbar process.

Färdigheten:

• Läser leadens detaljer från databasen;
• Besöker den potentiella kundens nuvarande webbplats;
• Hämtar verklig information såsom praktiknamn, tjänster, plats och kontaktuppgifter;
• Använder det innehållet för att generera en modern en-sides omdesign;
• Följer den designriktning som redan definierats i projektet;
• Sparar mockupen som en självständig HTML-fil;
• Uppdaterar databasen med mockupens sökväg och ändrar lead-status till mockup-ready.

För att hålla resultatet enkelt och portabelt skapas mockupen med vanlig HTML och Tailwind CSS via ett CDN. Detta innebär att varje sida enkelt kan hostas utan att behöva en fullständig appinstallation.

Eftersom färdigheten lagras i projektets .claude/skills-mapp kan den återanvändas vid behov. Claude kanske inte alltid upptäcker färdigheten automatiskt i Claude Desktop, så det kan vara bra att uttryckligen tala om för Claude vilken färdighet som ska användas och var den finns.

När färdigheten körs framgångsrikt skapas en mockup baserad på verklig information från den potentiella kundens webbplats. Detta hjälper till att undvika påhittade påståenden och gör resultatet mer trovärdigt. Till exempel kan den genererade mockupen inkludera verkliga tjänster, öppettider och teaminformation, samtidigt som platshållarsektioner som recensioner eller inaktiva kontaktformulär tydligt markeras.

Denna process är kraftfull eftersom den omvandlar lead-data till en personlig försäljningstillgång. Istället för att manuellt designa en förhandsvisning för varje potentiell kund kan Claude hantera mycket av arbetet och skapa ett upprepningsbart arbetsflöde som senare kan förbättras, skalas och automatiseras ytterligare.