Erstellung Einer Mockup-Generierungsfunktion
Swipe um das Menü anzuzeigen
Nach dem Sammeln von Leads besteht der nächste Schritt darin, für jeden potenziellen Kunden ein personalisiertes Website-Mockup zu erstellen. Dies verstärkt die Ansprache erheblich, da anstelle einer generischen Nachricht einem Unternehmen gezeigt werden kann, wie seine neu gestaltete Website tatsächlich aussehen könnte.
In diesem Beispiel wird eine zweite Claude-Code-Fähigkeit namens generate-mockup erstellt. Diese Fähigkeit nimmt einen Lead aus der Datenbank, in der Regel anhand des Praxisnamens oder der Domain, und durchläuft dann einen wiederholbaren Prozess.
Die Fähigkeit:
- Liest die Details des Leads aus der Datenbank;
- Besucht die aktuelle Website des potenziellen Kunden;
- Entnimmt echte Informationen wie Praxisname, Dienstleistungen, Standort und Kontaktdaten;
- Verwendet diese Inhalte, um ein modernes One-Page-Redesign zu generieren;
- Folgt der bereits im Projekt definierten Designrichtung;
- Speichert das Mockup als eigenständige HTML-Datei;
- Aktualisiert die Datenbank mit dem Mockup-Pfad und ändert den Lead-Status zu
mockup-ready.
Um die Ausgabe einfach und portabel zu halten, wird das Mockup mit einfachem HTML und Tailwind CSS über ein CDN erstellt. Das bedeutet, dass jede Seite problemlos gehostet werden kann, ohne dass eine vollständige App-Umgebung erforderlich ist.
Da die Fähigkeit im Ordner .claude/skills des Projekts gespeichert ist, kann sie bei Bedarf wiederverwendet werden. Claude erkennt die Fähigkeit in Claude Desktop möglicherweise nicht immer automatisch, daher kann es hilfreich sein, Claude explizit mitzuteilen, welche Fähigkeit verwendet werden soll und wo sie sich befindet.
Wenn die Fähigkeit erfolgreich ausgeführt wird, erstellt sie ein Mockup auf Basis echter Informationen von der Website des potenziellen Kunden. Dies hilft, erfundene Angaben zu vermeiden und macht das Ergebnis glaubwürdiger. Beispielsweise kann das generierte Mockup echte Dienstleistungen, Öffnungszeiten und Teaminformationen enthalten, während Platzhalterbereiche wie Bewertungen oder inaktive Kontaktformulare deutlich gekennzeichnet werden.
Dieser Prozess ist wirkungsvoll, da er Lead-Daten in ein personalisiertes Vertriebsinstrument verwandelt. Anstatt für jeden potenziellen Kunden manuell eine Vorschau zu gestalten, kann Claude einen Großteil der Arbeit übernehmen und einen wiederholbaren Workflow schaffen, der später weiter verbessert, skaliert und automatisiert werden kann.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Erstellung Einer Mockup-Generierungsfunktion
Nach dem Sammeln von Leads besteht der nächste Schritt darin, für jeden potenziellen Kunden ein personalisiertes Website-Mockup zu erstellen. Dies verstärkt die Ansprache erheblich, da anstelle einer generischen Nachricht einem Unternehmen gezeigt werden kann, wie seine neu gestaltete Website tatsächlich aussehen könnte.
In diesem Beispiel wird eine zweite Claude-Code-Fähigkeit namens generate-mockup erstellt. Diese Fähigkeit nimmt einen Lead aus der Datenbank, in der Regel anhand des Praxisnamens oder der Domain, und durchläuft dann einen wiederholbaren Prozess.
Die Fähigkeit:
- Liest die Details des Leads aus der Datenbank;
- Besucht die aktuelle Website des potenziellen Kunden;
- Entnimmt echte Informationen wie Praxisname, Dienstleistungen, Standort und Kontaktdaten;
- Verwendet diese Inhalte, um ein modernes One-Page-Redesign zu generieren;
- Folgt der bereits im Projekt definierten Designrichtung;
- Speichert das Mockup als eigenständige HTML-Datei;
- Aktualisiert die Datenbank mit dem Mockup-Pfad und ändert den Lead-Status zu
mockup-ready.
Um die Ausgabe einfach und portabel zu halten, wird das Mockup mit einfachem HTML und Tailwind CSS über ein CDN erstellt. Das bedeutet, dass jede Seite problemlos gehostet werden kann, ohne dass eine vollständige App-Umgebung erforderlich ist.
Da die Fähigkeit im Ordner .claude/skills des Projekts gespeichert ist, kann sie bei Bedarf wiederverwendet werden. Claude erkennt die Fähigkeit in Claude Desktop möglicherweise nicht immer automatisch, daher kann es hilfreich sein, Claude explizit mitzuteilen, welche Fähigkeit verwendet werden soll und wo sie sich befindet.
Wenn die Fähigkeit erfolgreich ausgeführt wird, erstellt sie ein Mockup auf Basis echter Informationen von der Website des potenziellen Kunden. Dies hilft, erfundene Angaben zu vermeiden und macht das Ergebnis glaubwürdiger. Beispielsweise kann das generierte Mockup echte Dienstleistungen, Öffnungszeiten und Teaminformationen enthalten, während Platzhalterbereiche wie Bewertungen oder inaktive Kontaktformulare deutlich gekennzeichnet werden.
Dieser Prozess ist wirkungsvoll, da er Lead-Daten in ein personalisiertes Vertriebsinstrument verwandelt. Anstatt für jeden potenziellen Kunden manuell eine Vorschau zu gestalten, kann Claude einen Großteil der Arbeit übernehmen und einen wiederholbaren Workflow schaffen, der später weiter verbessert, skaliert und automatisiert werden kann.
Danke für Ihr Feedback!