Agent Skills für Landingpages
Landing-Page-Skills helfen einem AI Agent, eine Seite mit einem einzigen Zweck zu erstellen: ein Angebot, eine Zielgruppe, eine Aktion. Sie decken die Teile ab, die darüber entscheiden, ob ein Besucher konvertiert — das Angebot selbst, der Hero, der es offensichtlich macht, Social Proof von ähnlichen Besuchern, das Formular und der CTA, Antworten auf Einwände und Performance, damit die Seite schnell und unblockiert lädt. Nutze die Rangliste, indem du nach dem Unterthema suchst, in dem du am schwächsten bist, und lies dann die Beschreibung des Skill, um zu bestätigen, dass er zur Aufgabe deiner Seite passt. Wähle einen Skill pro Lücke, statt mehrere zu stapeln, die dasselbe Problem lösen. Die Liste ist nach beobachteter Suchnachfrage geordnet, mit direkten Treffern zuerst und einer Obergrenze pro einzelner Publisher.
8 zum Start27 beste Optionen
Hier anfangen.
A landing page has one job: a visitor arrives from somewhere specific and either takes one action or leaves.
Dies sind die relevantesten Ergebnisse. Öffne einen Skill, lies die Anleitung und prüfe die Eignung.
- Rang 01Agent Skill ansehenDirekt
landing-page-conversion-audit
BeachtenswertPrüfe eine Landingpage, Verkaufsseite oder Checkout-Seite auf Conversion-Leaks und liefere eine nach erwartetem Umsatzimpact geordnete Fix-Liste. Verwende dies, wenn um Review, Kritik oder Verbesserung einer Landingpage, Verkaufsseite, Opt-in-Seite, Produktseite oder eines Checkout-Flows gebeten wird, wenn die Conversion Rate niedrig ist, wenn bezahlter Traffic nicht konvertiert oder wenn jemand fragt "why isn't this page converting" oder ein CRO-/Landingpage-Review möchte.
55.425 · Beliebtheit - Rang 02Agent Skill ansehenDirekt
cro
Analysiert Marketingseiten einschließlich Landing Pages auf Conversion, und deckt Wertversprechen, Headline, CTA, Vertrauenssignale, Einwandbehandlung und Reibung ab.
79.251 · Beliebtheit - Rang 03Agent Skill ansehenDirekt
landing-page-design
Conversion-Optimierung von Landing Pages mit Above-the-Fold-Formel, Hero-Section-Design, CTA-Psychologie, Platzierung von Social Proof und Regeln für mobiles Design.
45.260 · Beliebtheit - Rang 04Agent Skill ansehenDirekt
landing-page-copywriter
Schreibt konversionsstarke Landingpage-Texte mit den Frameworks PAS, AIDA und StoryBrand und erstellt Headlines, Value Propositions, CTAs und vollständige Seitenabschnitte.
6.357 · Beliebtheit - Rang 05Agent Skill ansehenDirekt
paid-landing-page-audit
Prüft eine Landingpage mit bezahltem Traffic gegen Best Practices für Post-Click-Conversion und liefert eine priorisierte Fix-Liste zu Message Match, Above-the-Fold, Formularreibung, Vertrauen, Geschwindigkeit und Mobile.
6.355 · Beliebtheit - Rang 06Agent Skill ansehenDirekt
copywriting
BeachtenswertWenn der Nutzer Marketingtexte für eine beliebige Seite schreiben, überarbeiten oder verbessern möchte — einschließlich Startseite, Landingpages, Preisseiten, Feature-Seiten, Über-uns-Seiten oder Produktseiten. Auch verwenden, wenn der Nutzer sagt "schreibe Text für", "verbessere diesen Text", "schreibe diese Seite neu", "Marketingtext", "Hilfe bei der Überschrift", "CTA-Text", "Wertversprechen", "Slogan", "Unterüberschrift", "Hero-Section-Text", "Above the Fold", "dieser Text ist schwach", "mach das überzeugender" oder "hilf mir, mein Produkt zu beschreiben". Dies immer verwenden, wenn jemand an Website-Text arbeitet, der überzeugen oder konvertieren soll. Für E-Mail-Texte siehe E-Mails. Für
202.021 · Beliebtheit - Rang 07Agent Skill ansehenDirekt
design-taste-frontend
Anti-Slop-Frontend-Skill für Landing Pages, Portfolios und Redesigns, der das Briefing liest, die Designrichtung ableitet und nicht-templatisierte Interfaces mit strengen Pre-Flight-Checks liefert.
576.715 · Beliebtheit - Rang 08Agent Skill ansehenDirekt
sales-funnel-blueprint
Verwandelt ein Angebot in eine baureife mehrstufige Vertriebstrichter-Spezifikation mit Seiten-für-Seiten-Struktur, Preis-Leiter, Copy-Outline und Metriken pro Schritt.
81.815 · Beliebtheit
19 weitere Agent Skills anzeigen
- Rang 09Agent Skill ansehenDirekt
imagegen-frontend-web
BeachtenswertElite-Skill für Frontend-Bildregie zur Erstellung hochwertiger, conversion-orientierter Website-Design-Referenzen. KRITISCHE AUSGABEREGEL — generiere EIN separates horizontales Bild FÜR JEDEN Abschnitt. Eine Landingpage mit 8 Abschnitten ergibt 8 Bilder. Fasse niemals mehrere Abschnitte in einem Bild zusammen. Erzwingt Kompositionsvielfalt (nicht immer links Text / rechts Bild), Freiheit bei Hintergrundbildern, variierende CTAs, variierende Hero-Größen (riesig / mittel / minimalistisch klein), narrativen Konzeptfaden, Second-Read-Momente und eine einzige konsistente Palette über alle Bilder hinweg. Optimiert für Landingpages, Marketing-Websites und Produkt-Co
290.357 · Beliebtheit - Rang 10Agent Skill ansehenDirekt
image-to-code
Bild-zentrierter Design-to-Code-Skill für Websites, der Abschnitts-Designbilder erzeugt, sie analysiert und dann passende Landing Pages und Marketing-Websites implementiert.
350.805 · Beliebtheit - Rang 11Agent Skill ansehenDirekt
hallmark
Anti-AI-Slop-Design-Skill für Greenfield-Seiten, Audits, Redesigns und Design-Extraktion, die auf struktureller Vielfalt besteht, damit Seiten nicht denselben Template-Rhythmus teilen.
60.409 · Beliebtheit - Rang 12Agent Skill ansehenDirekt
impeccable
Frontend-Design-Skill zum Gestalten, Prüfen und Verfeinern von Interfaces einschließlich Landing Pages, mit Hierarchie, Typografie, Motion und UX-Copy.
Voraussetzungen (angegeben): Node.js
319.215 · Beliebtheit - Rang 13Agent Skill ansehenDirekt
frontend-design
OffiziellAnleitung für unverwechselbares, bewusstes visuelles Design beim Erstellen neuer UIs, einschließlich ästhetischer Richtung, Typografie, Hero-Behandlung und Vermeidung templatisierter Standardeinstellungen.
964.400 · Beliebtheit - Rang 14Agent Skill ansehenMöglich
offers
Entwirft und verbessert Angebote einschließlich Value Framing, Bonus Stacking, Garantien, Verknappung und Benennung für Dienstleistungen, Kurse und High-Ticket-B2B.
48.483 · Beliebtheit - Rang 15Agent Skill ansehenMöglich
competitors
Erstellt Wettbewerbsvergleichs- und Alternativseiten für SEO und Sales Enablement, einschließlich kompetitiver Landing Pages.
70.543 · Beliebtheit - Rang 16Agent Skill ansehenMöglich
programmatic-seo
Erstellt SEO-getriebene Seiten in großem Umfang mithilfe von Vorlagen und Daten, einschließlich templatisierter Landing Pages, Standortseiten und Vergleichsseiten.
141.281 · Beliebtheit - Rang 17Agent Skill ansehenMöglich
lead-magnets
Plant und optimiert Lead Magnets für E-Mail-Capture und Lead-Generierung, einschließlich Opt-in und gated Content.
104.835 · Beliebtheit - Rang 18Agent Skill ansehenMöglich
ad-creative
Erzeugt und iteriert Werbekreative einschließlich Überschriften, Beschreibungen und Primärtext für bezahlte Plattformen.
123.484 · Beliebtheit - Rang 19Agent Skill ansehenMöglich
image
Erstellt, bearbeitet und optimiert Marketingbilder, einschließlich Blog-Heroes, Social-Grafiken und Produkt-Mockups.
79.391 · Beliebtheit - Rang 20Agent Skill ansehenMöglich
marketing-mindset
Die operative Denkweise eines Marketers für Wachstums- und Kundenakquise-Aufgaben, einschließlich Verfassen von Anzeigen, Landing Pages und Bewertung von Marketing-Ideen.
50.138 · Beliebtheit - Rang 21Agent Skill ansehenMöglich
penpot-build-screen
OffiziellEntwirft produktionsreife Screens in Penpot aus einem Brief, wie ein Senior Visual Designer — unter Wiederverwendung des bestehenden Designsystems (Tokens + Komponenten) und Zusammenbau Abschnitt für Abschnitt, niemals in einem Durchgang. Verwenden, um einen Screen/eine Seite/eine Landing/ein Dashboard aus einer Beschreibung zu erstellen. NICHT zum Übersetzen von bestehendem Code (verwende penpot-build-from-code). Auslöser: 'design a dashboard', 'create a landing page', 'design this app screen', 'build a UI from this brief', 'design a settings page', 'mock up a screen in Penpot'.
- Rang 22Agent Skill ansehenMöglich
figma-generate-design
OffiziellDiese Skill zusammen mit figma-use verwenden, wenn die Aufgabe darin besteht, eine Anwendungsseite, Ansicht oder ein mehrteiliges Layout in Figma zu übertragen. Auslöser: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. Dies ist die bevorzugte Workflow-Skill, wann immer der Nutzer eine vollständige Seite, einen Screen oder eine Ansicht in Figma aus Code oder einer Beschreibung erstellen oder aktualisieren möchte. Entdeckt Design-System-Komponenten, Variablen und Styles über search_design_system, importiert sie und setzt Screens schrittweise Abschnitt für Abschnitt mit Design-System-Tokens statt hartcodierten Werten zusammen.
- Rang 23Agent Skill ansehenMöglich
antfu-design
Beachtenswertantfu-artige Designkonventionen, erweitert. UnoCSS-first, klassenbasierte semantische Tokens mit dualem Hell/Dunkel für Tooling- und Devtools-UIs, plus Design-Read, Anti-Slop und Micro-Interaction-Politur für Landing Pages und Produktoberflächen. Verwenden beim Erstellen oder Refactoring jeder Oberfläche mit UnoCSS.
- Rang 24Agent Skill ansehenMöglich
penpot-uiux-design
Umfassender Leitfaden für die Erstellung professioneller UI/UX-Designs in Penpot, einschließlich Landing Pages, Design-Systemen und Barrierefreiheit.
12.684 · Beliebtheit - Rang 25Agent Skill ansehenMöglich
penpot-build-from-code
OffiziellÜbersetzt den Code einer bestehenden Anwendungsseite, View oder Komponente in einen Penpot-Screen, der an das bestehende Design-System gebunden ist — Code-Styles werden auf semantische Tokens abgebildet und Library-Komponenten statt roher Formen wiederverwendet. Verwenden, wenn der Nutzer echten Code/Markup hat und ihn in Penpot Abschnitt für Abschnitt systemkonform rekonstruieren möchte. Trigger: 'build this in Penpot from code', 'turn this React/HTML/CSS into a Penpot screen', 'recreate this view in Penpot', 'port this page to Penpot', 'translate this component to Penpot bound to our tokens', 'code to Penpot'.
- Rang 26Agent Skill ansehenMöglich
performance-optimization
BeachtenswertOptimiert die Anwendungsleistung über Frontend, Backend, Queries und Datenbanken. Verwenden, wenn Leistungsanforderungen bestehen, wenn Sie Leistungsregressionen vermuten, wenn Core Web Vitals oder Ladezeiten verbessert werden müssen, wenn N+1-Query-Muster behoben werden müssen oder wenn Profiling Engpässe aufdeckt.
- Rang 27Agent Skill ansehenMöglich
theme-factory
OffiziellToolkit zum Stylen von Artefakten mit einem Theme. Diese Artefakte können Slides, Docs, Reportings, HTML-Landingpages usw. sein. Es gibt 10 voreingestellte Themes mit Farben/Schriften, die auf jedes erstellte Artefakt angewendet werden können, oder es kann spontan ein neues Theme generieren.
Was dieses Thema umfasst
Jedes Unterthema bündelt Agent Skills für eine bestimmte Situation.
- Offer
- What this page is asking the visitor to believe or do.
- Hero
- The first screen has to make the offer obvious.
- Social proof
- Evidence that people like this visitor already said yes.
- Form & CTA
- The one action, made easy and hard to miss.
- Objections
- The reasons a visitor would not convert, answered on the page.
- Performance
- Slow or blocked pages never get the conversion you designed.
Häufige Fragen
- Wie ist diese Liste geordnet?
- Die Reihenfolge richtet sich nach der beobachteten Suchnachfrage. Direkte Treffer zum Thema erscheinen zuerst, und es gibt eine Obergrenze dafür, wie viele Skills ein einzelner Herausgeber belegen kann.
- Was erzeugt eine Landing-Page-Skill tatsächlich?
- Ein Ergebnis: die Seite selbst oder der Text und die Struktur dafür. Skills in diesem Thema entsprechen den Unterthemen — Angebot, Hero, Social Proof, Formular und CTA, Einwände und Performance.
- Kann ich mehr als einen Landing-Page-Skill verwenden?
- Ja, wenn sie unterschiedliche Unterthemen adressieren. Zum Beispiel eine Skill für den Hero und eine andere für Einwände. Vermeide es, zwei Skills zu wählen, die dasselbe Problem lösen.
- Warum ist Performance als Teil von Landing Pages aufgeführt?
- Weil eine langsame oder blockierte Seite nie die Conversion erreicht, die du entworfen hast. Performance ist ein Conversion-Faktor, kein separates Anliegen.
Agent Skill installieren
Agent Skills sind SKILL.md-Dateien. Die meisten Agenten erkennen sie, sobald sie im richtigen Skills-Verzeichnis liegen:
- Claude Code — copy the SKILL.md for landing-page-conversion-audit into ~/.claude/skills/landing-page-conversion-audit/ for yourself, or .claude/skills/landing-page-conversion-audit/ to share it with a project.
- From the registry — run npx skills add autonnel/autonnel-skills@landing-page-conversion-audit.
- Or download landing-page-conversion-audit from its source and place that SKILL.md in the directory above.
Wie auswählen Prüfe Quelle und Anleitung des Skills vor der Installation. Die Labels Official und Notable beschreiben die Herkunft eines Skills.