Marken ihrer jeweiligen Inhaber. KissMySkills steht in keiner Verbindung zu ihnen und wird nicht von ihnen unterstützt.
So funktioniert's
Ask Elspeth something hard.
LOADED ✓
Wir möchten eine Landingpage, die wie die von Stripe aussieht. Hier ist unser Wireframe mit den Preisen direkt oben.
CLAUDE · AS ELSPETH, KI-SKILL FÜR LANDINGPAGE-DESIGNElspeth erkennt, dass es unabhängig von der visuellen Ausarbeitung ein struktureller Fehler ist, mit der Preisgestaltung zu beginnen, bevor Wert und Belege vermittelt wurden, ordnet die Abschnitte neu zu: Hero-Bereich, Belege, Funktionsweise, Preisgestaltung, FAQ und abschließender CTA, und liefert eine Spezifikation für responsive Breakpoints.
Die ersten Zeilen der Datei, die deine KI lesen wird, genau so, wie sie geliefert wird. Nichts für die Seite umgeschrieben.
Nutze den Namen Wenn die Datei geladen ist, sprich sie mit Namen an: „Serge, sieh dir diese Seite an.“ Dafür ist der Name da. So bleiben auch mehrere Skills in einem Chat auseinander.
// der skill, auf dem deine KI läuft
Du bist Elspeth, eine Senior-Web- und Landingpage-Designerin, die zuerst die Reihenfolge der Abschnitte festlegt, den Hero-Bereich einem 5-Sekunden-Test unterzieht und benennt, was auf Mobilgeräten zuerst nicht funktioniert. Du wurdest aktiviert, um eine Seite auf Conversion zu optimieren.
Hol Elspeth in Claude und erhalte eine Senior-Web-/Landingpage-Designerin, die eine Landingpage so behandelt, wie es eine echte Conversion-Designerin tun würde: als Argument, das in der richtigen Reihenfolge überzeugen muss, nicht als eine Sammlung hübscher Abschnitte, die angeordnet werden sollen. Elspeth hat schon eine Preistabelle entdeckt, die vor jeder Erklärung platziert war, was das Produkt überhaupt tut, einen Hero-Bereich neu aufgebaut, der das Angebot unter drei Zeilen vager Mission-Statement-Texte begrub, und ein mobiles Layout gekennzeichnet, das auf einem 27-Zoll-Monitor großartig, auf einem Smartphone jedoch unbenutzbar aussah, weil niemand überprüft hatte, was zuerst kaputtging. Sie ist kein Ersatz für ein vollständiges Barrierefreiheits-Compliance-Audit, und jedes Layout enthält einen ausdrücklichen Hinweis darauf, wo Kontrast- oder Touch-Ziel-Probleme vor dem Launch ein echtes Audit erfordern. Elspeth deckt Marketing-Websites und conversion-orientierte Landingpages ab,
SKILL.md · 141 Zeilen · Sofort-Download
// was drin ist
Was steckt in diesem Skill?
Reihenfolge der Abschnitte und zentrale Botschaft festgelegt, bevor das visuelle Layout finalisiert wird
Der 5-Sekunden-Test wird anhand der Above-the-fold-Hierarchie durchgeführt, bevor etwas veröffentlicht wird
Responsive Breakpoints werden danach geplant, was auf Mobilgeräten tatsächlich zuerst auseinanderfällt, statt einfach anzunehmen, dass alles in Ordnung ist
Vage, nicht überzeugende Texte werden für einen Texter gekennzeichnet und niemals stillschweigend unverändert übernommen
Gründer und Marketingteams, die eine Marketing-Website oder Landingpage erstellen, die konvertieren soll und nicht nur professionell aussehen.
// zwei Wege, es zu bekommen
Nutze es direkt in deiner KI oder lade es einmal herunter.
Library-Plan
Dieser Skill und 2.500+ weitere, direkt in deinem Chat
$9/Monatjederzeit kündbar, oder $59 pro Jahr
Alle 2.500+ Skills, Prompt-Pakete und Agenten, geladen, sobald du fragst
Nichts herunterladen oder einfügen: einmal in Claude, ChatGPT, Claude Code oder Cursor verbinden
Jede Woche neue Skills und 10 Katalogdateien pro Monat zum Herunterladen
Marken ihrer jeweiligen Inhaber. KissMySkills steht in keiner Verbindung zu ihnen und wird nicht von ihnen unterstützt.
// frag deinen Assistenten
Oder lass deine KI diesen Skill für dich einrichten.
Öffne kissmyskills.com/pages/connector und richte den Skill "Elspeth - KI-Skill für Landingpage-Design" (handle: elspeth-web-landing-page-designer) für mich ein
Füge ihn in Claude, ChatGPT, Claude Code, Cursor oder Codex ein. Deine KI führt dich durch die Verbindung mit KissMySkills (etwa 3 Minuten, 7 Tage kostenlos testen) und lädt den Skill. Was deine KI lesen wird →
Was du wirklich kaufst
Füge Elspeth in Claude ein und erhalte eine Senior-Web-/Landingpage-Designerin, die das Argument der Seite festlegt, bevor sie sich überhaupt mit dem Layout befasst.
Elspeth kümmert sich um die Above-the-Fold-Hierarchie, die Logik der Abschnittsreihenfolge, die Planung responsiver Layouts, die conversion-orientierte CTA-Platzierung und designbezogene Entscheidungen mit Blick auf die Seitengeschwindigkeit.
Das erhältst du
→Reihenfolge der Abschnitte und eine zentrale Kernbotschaft werden festgelegt, bevor irgendein visuelles Layout finalisiert wird
→Der 5-Sekunden-Test wird anhand der Above-the-Fold-Hierarchie durchgeführt, bevor irgendetwas veröffentlicht wird
→Responsive Breakpoints werden dafür geplant, was auf Mobilgeräten tatsächlich zuerst Probleme verursacht - nicht einfach als unproblematisch angenommen
→Vage, nicht überzeugende Texte werden für einen Texter markiert und niemals stillschweigend unverändert übernommen
📄 elspeth-web-landing-page-designer.skillInstallation in unter 2 Min.Funktioniert mit Claude, ChatGPT & jedem AI-Chat
So installierst du es
Lade das .skill-Paket herunter → öffne Claude → füge SKILL.md in deine Projektanweisungen oder deinen System-Prompt ein → beschreibe deine Anforderungen → Elspeth erstellt die Antwort. Ein vollständig ausgearbeitetes Beispiel ist enthalten, damit du genau siehst, was du erhältst.
// installation
Unter 2 Minuten
Vier Schritte. Jeder KI-Chat.
01
Datei herunterladen
Nach dem Kauf kommt der Download-Link per E-Mail. Speichere die .skill-Datei: Claude übernimmt sie so, wie sie ist.
02
Öffne deinen KI-Chat
Jeder KI-Chat, den du bereits nutzt: Claude, ChatGPT, Gemini, Grok, Copilot oder ein anderer.
03
Zu deiner KI hinzufügen
Claude: unter Settings → Capabilities → Skills die .skill-Datei hochladen. ChatGPT, Gemini und andere: die .skill-Datei wie ein .zip-Archiv öffnen und SKILL.md in die benutzerdefinierten Anweisungen oder Projektanweisungen einfügen.
04
Beginne mit der Arbeit
Deine KI ist jetzt als Spezialist konfiguriert. Frag sie alles innerhalb ihres Fachgebiets.
Keine technischen Kenntnisse erforderlich.
Mit Library gibt es nichts herunterzuladen. Verbinde deine KI einmal und bitte sie dann einfach: „Lade Elspeth von KissMySkills.“
Er verwandelt ein „Lass es wie Stripes aussehen“-Wireframe, bei dem die Preisgestaltung im Mittelpunkt steht, in eine Abschnittsreihenfolge, die den Klick tatsächlich verdient: Belege und Mehrwert kommen vor dem Preis. Lade ihn einmal in Claude Projects und du erhältst einen konfigurierten Web-/Landingpage-Designer, ohne zu Beginn jeder Sitzung den Kontext erneut erklären zu müssen. Dies sind lehrreiche und informative Inhalte als Anleitung für die kreative Produktion. Prüfe selbst die Rechte zur kommerziellen Nutzung, die Markenfreigabe und plattformspezifische technische Anforderungen, bevor du ein Ergebnis öffentlich veröffentlichst.
Wie installiere ich diese Skill-Datei?+
Lade das .skill-Paket herunter (es enthält SKILL.md), füge den Inhalt in die Anweisungen von Claude Projects oder den System-Prompt deiner AI ein, ergänze deinen eigenen Kontext und starte deine erste Sitzung. Funktioniert mit Claude, ChatGPT oder jedem AI-Chat, der System-Prompts akzeptiert.
Mit welchen AI-Tools funktioniert dieser Skill?+
Funktioniert mit Claude (empfohlen), ChatGPT, Gemini, Perplexity und Copilot sowie jedem AI-Chat, der System-Prompts akzeptiert. Mit Claude Projects erhältst du die besten Ergebnisse.
Was ist in diesem Download enthalten?+
Ein .skill-Paket, das sofort nach dem Kauf bereitgestellt wird: die vollständige SKILL.md-Rollenkonfiguration sowie eine Beispieldatei mit einem realen Szenario, damit du die Qualität siehst, bevor du dich darauf verlässt. Kein Abonnement, dauerhaft dein Eigentum.
Bereit, deine KI zu spezialisieren?
Dieser und 2.500+ weitere, direkt in Claude, ChatGPT, Claude Code, Codex oder Cursor. Jederzeit kündbar.