page-cro

Überblick

Was ist page-cro?

page-cro ist eine Conversion Rate Optimization (CRO) Skill, die Marketingseiten analysiert und praxisnahe Ansätze vorschlägt, um Conversions zu erhöhen. Im Fokus stehen Seiten wie Homepages, Kampagnen-Landing Pages, Pricing Pages, Feature Pages, Demo-Request-Seiten sowie Ressourcen- oder Blogartikel, die Leads oder Signups generieren sollen.

Anstatt vager Rückmeldungen setzt page-cro auf ein strukturiertes CRO-Framework. Es prüft Klarheit des Value Propositions, Headline und Messaging, Calls to Action (CTAs), visuelle Hierarchie, Vertrauenselemente, Einwände, Reibungspunkte und seitenspezifische Muster. Die Ergebnisse werden in klare Abschnitte gegliedert, etwa Quick Wins, High-Impact Changes und Test Ideas.

Für wen ist page-cro gedacht?

page-cro eignet sich, wenn du:

• Marketingseiten besitzt oder verantwortest, die Signups, Demo-Anfragen, Trials, Käufe oder Abos generieren sollen
• Paid Traffic (z. B. Google Ads, Meta Ads) schaltest und einen schwachen Message Match mit deinen Landing Pages vermutest
• Marketer, Gründer:in, PM oder CRO-Spezialist:in bist und strukturierte Empfehlungen und A/B-Testideen suchst
• Einen wiederholbaren Ansatz brauchst, um Seiten über mehrere Produkte, Kampagnen oder Märkte hinweg zu prüfen

Besonders hilfreich ist die Skill, wenn du Aussagen hörst oder selbst sagst wie:

• "Diese Landing Page konvertiert nicht"
• "Die Bounce Rate ist zu hoch"
• "Die Leute gehen, ohne sich anzumelden"
• "Niemand wählt unser Haupt-Pricing-Paket"
• "Unser Homepage-Traffic wächst, aber die Conversions bleiben gleich"

Welche Probleme löst page-cro?

page-cro hilft dir dabei:

• Zu diagnostizieren, warum eine Marketingseite mit Traffic nicht konvertiert
• Unstrukturierte Beschwerden ("my landing page sucks") in eine klare CRO-Diagnose zu übersetzen
• Änderungen nach Wirkung zu priorisieren: schnelle Fixes vs. tiefere Redesigns vs. Experimente
• Konkrete Alternativen für Headlines und CTAs zu generieren statt generischer Ratschläge
• A/B-Tests zu brainstormen, die auf deinen Seitentyp zugeschnitten sind (Homepage, Pricing, Demo Request etc.)

Es ist kein Visual-Design-Tool und keine Analytics-Plattform. Stattdessen fügt es sich als Expert:innen-Reviewer für CRO in deinen Workflow ein und nutzt deinen bestehenden Kontext und Traffic-Daten, um Änderungen zu empfehlen.

Wann ist page-cro die richtige Skill im Vergleich zu anderen CRO-Skills?

Die page-cro Skill ist auf einzelne Seiten ausgelegt, deren Hauptaufgabe es ist, Besucher in Leads oder Kund:innen zu verwandeln. Nutze sie, wenn das Kernproblem lautet: "Diese Marketingseite hat Traffic, aber zu wenig Conversions."

Verwandte Skills für spezialisierte Flows:

• Für Signup- und Registrierungsflows: nutze signup-flow-cro
• Für Onboarding und Aktivierung nach dem Signup: nutze onboarding-cro
• Für eigenständige Formulare außerhalb des Signups (z. B. Kontaktformulare): nutze form-cro
• Für Popups und Modals (Exit Intent, Lead-Capture-Overlays): nutze popup-cro

Wenn du unsicher bist, ist page-cro in der Regel eine solide Standardwahl für jede URL, die wie eine Marketingseite aussieht und ein klares Conversion-Ziel hat.

Verwendung

Installation und Setup

Um page-cro zu deinem Agent oder einer Skills-fähigen Umgebung hinzuzufügen, installiere es aus dem marketingskills Repository:

npx skills add https://github.com/coreyhaines31/marketingskills --skill page-cro

Damit wird nur die page-cro Skill aus dem coreyhaines31/marketingskills Repo geladen – inklusive Hauptkonfiguration sowie zugehörigen Evaluations- und Referenzdateien.

Wichtige Dateien für page-cro:

• SKILL.md – die zentrale Definition der page-cro Skill und ihres Verhaltens
• evals/evals.json – Beispiel-Prompts und erwartete Outputs, um zu zeigen, wie die Skill reagieren soll
• references/experiments.md – eine strukturierte Sammlung von CRO-Experimentideen nach Seitentyp

Öffne nach der Installation zuerst SKILL.md, um Rolle und Annahmen der Skill zu verstehen. Anschließend lohnt sich ein Blick in die Ordner evals und references für Hinweise zur Nutzung und zu Output-Mustern.

Core Workflow: Von der URL zu CRO-Empfehlungen

page-cro folgt einem konsistenten Workflow, um eine Seite zu prüfen:

1. Produkt-Marketing-Kontext sammeln
   Wenn dein Projekt .agents/product-marketing-context.md (oder .claude/product-marketing-context.md in älteren Setups) enthält, liest die Skill zuerst diese Datei. So kennt sie Positionierung, Zielgruppe und Messaging-Kontext, bevor sie die Seite bewertet.

2. Seitentyp und Ziel identifizieren
   Die Skill klassifiziert die Seite als eine der folgenden Varianten:

   • Homepage
   • Landing Page (z. B. Kampagnen- oder Ad-spezifisch)
   • Pricing Page
   • Feature Page
   • Blog/Resource Page
   • About- oder andere Marketingseite

   Anschließend bestimmt sie das primäre Conversion-Ziel, etwa:

   • Sign up oder Free Trial starten
   • Demo anfragen
   • Kaufen oder upgraden
   • Abonnieren (Newsletter, Content-Serie etc.)
   • Download (Lead Magnet, Whitepaper)
   • Sales kontaktieren

3. Traffic-Kontext analysieren
   Mithilfe des Prompts und bereitgestellter Daten (z. B. Traffic aus Google Ads, Organic Search, E-Mail) bewertet page-cro, ob ein Message Match zwischen Traffic-Quelle und Onpage-Copy besteht und wie sich das auf Conversions auswirken könnte.

4. CRO-Analyse-Framework ausführen
   Basierend auf SKILL.md und den Beispielen in evals/evals.json wendet page-cro eine strukturierte CRO-Perspektive an und prüft typischerweise:

   • Klarheit des Value Propositions
   • Wirksamkeit der Headline
   • CTA-Copy, Platzierung und Hierarchie
   • Visuelle Hierarchie und Fokus
   • Trust Signals und Social Proof
   • Umgang mit Einwänden und Risikoreduktion
   • Friktion (Formulare, Layout, Ablenkungen)

5. Strukturierte Empfehlungen ausgeben
   Die erwarteten Outputs (laut evals/evals.json) sind in Abschnitte gegliedert wie:

   • Quick Wins – Änderungen mit geringem Aufwand, die sofort umgesetzt werden können
   • High-Impact Changes – tiefere Anpassungen an Copy, Layout oder Seitenstruktur
   • Test Ideas – A/B-Tests und Experimente, zugeschnitten auf Seitentyp und Traffic

   In vielen Prompts soll die Skill außerdem:

   • Message-Match-Probleme zwischen Ads und Seite explizit benennen
   • 2–3 Varianten für Headline oder CTA mit Begründung vorschlagen

Typische Nutzungsszenarien

Die Datei evals/evals.json enthält realistische Prompts und zeigt, was die Skill jeweils damit tun soll. Typische Anwendungsfälle:

• SaaS Landing Page mit schwachen Trial-Conversions
  Gib die URL, Traffic-Details (z. B. "5,000 visitors/month from Google Ads, 1.2% trial signup") an und lass page-cro:

  • Den Seitentyp bestätigen (Landing Page)
  • Das Conversion-Ziel bestätigen (Free Trial Signup)
  • Value Proposition, Headline und CTA analysieren
  • Quick Wins, strukturelle Änderungen und A/B-Testideen vorschlagen

• Pricing Page mit unausgewogener Plan-Auswahl
  Wenn ein Plan überproportional gewählt oder ignoriert wird, nutzt page-cro den Pricing-Kontext plus die Experimente in references/experiments.md, um Tests zur Präsentation der Pläne, zur Hervorhebung eines Zielplans und zum Umgang mit Einwänden vorzuschlagen.

• Blog- oder Resource Page, die Leads generieren soll
  Bei Content mit hohem Traffic, aber wenigen Conversions bewertet page-cro die Content-CTAs, die Platzierung von Leadformularen und die Ausrichtung zwischen Thema und Angebot, und schlägt dazu passende Experimente vor.

Die Experimentbibliothek nutzen

Die Datei references/experiments.md ist eine kuratierte Liste von CRO-Experimentideen, sortiert nach Seitentyp:

• Homepage-Experimente (Hero, Trust & Social Proof, Features, Navigation)
• Pricing-Page-Experimente (Planlayout, Price Anchoring, Umgang mit Einwänden)
• Demo-Request-Seiten-Experimente (Form-Friktion, CTA-Varianten, Routing)
• Resource/Blog-Experimente (Content-CTAs, Inline- vs. Sidebar-Angebote)
• Landing-Page-Experimente (Message Match, Conversion-Fokus, Seitenlänge)
• Feature-Page-Experimente (Präsentation von Features, Conversion Paths)
• Cross-Page-Experimente (Site-weite Tests, Änderungen an der Navigation)

page-cro kann aus dieser Bibliothek schöpfen, um:

• Experiment-Themen vorzuschlagen, die zu deinem konkreten Seitentyp passen
• Probleme (z. B. niemand wählt den mittleren Plan) in gezielte Tests zu übersetzen
• Eine priorisierte Roadmap von Experimentideen statt generischer Vorschläge zu liefern

Wann page-cro nicht die beste Wahl ist

Wähle einen anderen Ansatz, wenn:

• Dein Hauptproblem Produkt-Onboarding nach dem Signup ist – nutze stattdessen onboarding-cro
• Du auf mehrstufige Signup- oder Checkout-Flows fokussiert bist statt auf einzelne Marketingseiten – nutze signup-flow-cro
• Du visuelle Designkritik oder UI-Tweaks auf Komponentenebene ohne klares Conversion-Ziel willst – dann ist eine Design-spezifische Skill sinnvoller
• Du noch keinen Traffic oder keine Basis-Conversions hast – page-cro funktioniert am besten, wenn es zumindest einige Daten oder klare Ziele gibt

FAQ

Was analysiert page-cro konkret auf meiner Seite?

page-cro konzentriert sich auf Conversion-Treiber statt auf Code oder pixelgenaues Design. Auf Basis der Skill-Definition und der Evaluations-Prompts achtet es insbesondere auf:

• Wie klar der Value Proposition im Above-the-Fold-Bereich kommuniziert wird
• Ob Headline und Subheadline erklären, für wen das Produkt ist und welches Ergebnis es liefert
• Klarheit, Sichtbarkeit und Hierarchie der CTAs
• Message Match zwischen Versprechen aus Ads oder Traffic-Quelle und Onpage-Copy
• Platzierung und Stärke von Social Proof, Trust Badges und Testimonials
• Wie mit Einwänden (Preis, Aufwand, Risiko) umgegangen wird
• Friktion in Formularen und Layouts, die Besucher von einer Aktion abhalten könnte

Kann page-cro bei Google Ads oder anderen Paid-Traffic-Kampagnen helfen?

Ja, indirekt. Die Evals für page-cro beinhalten Szenarien mit Traffic aus Google Ads. Die Skill soll dabei:

• Die Landing Page als Zielseite für Paid Traffic identifizieren
• Das wahrscheinliche Ad-Versprechen mit dem Onpage-Messaging vergleichen
• Message-Mismatch als mögliche Ursache für niedrige Conversion markieren
• Varianten für Headlines und CTAs sowie Experimente vorschlagen, um die Seite besser an deine Kampagnen anzupassen

Sie verwaltet zwar keine Ad-Accounts, liefert dir aber CRO-Empfehlungen auf Seitenebene, mit denen dein Ad-Spend effizienter wird.

Worin unterscheidet sich page-cro von generischen Landing-Page-Tipps?

page-cro basiert auf einem definierten CRO-Framework und konkreten Erwartungen, die in evals/evals.json festgehalten sind. Das bedeutet, sie:

• Startet immer bei Seitentyp, Conversion-Ziel und Traffic-Kontext
• Liefert strukturierte Abschnitte (Quick Wins, High-Impact Changes, Test Ideas) statt losem Kommentartext
• Gibt konkrete Copy-Vorschläge (z. B. alternative Headlines und CTAs) mit Begründung
• Nutzt eine kuratierte Experimentbibliothek in references/experiments.md, um realistische A/B-Tests vorzuschlagen

Damit ist sie für kontinuierliche CRO-Arbeit deutlich praxisnäher als generische Best-Practice-Checklisten.

Brauche ich vorhandene Analytics-Daten, damit page-cro nützlich ist?

page-cro ist am wirkungsvollsten, wenn du zumindest Basis-Metriken wie Traffic-Volumen, aktuelle Conversion Rate und Traffic-Quellen bereitstellst. Dennoch kann die Skill auch ohne Daten:

• Deine Seitenstruktur und das Messaging überprüfen
• Wahrscheinliche Friktions- und Klarheitsprobleme ableiten
• Einen ersten Satz an Änderungen und Tests vorschlagen

Wenn du Daten hast (z. B. "60% wählen den günstigsten Plan, 30% bouncen"), ist die Skill darauf ausgelegt, diese in die Diagnose und Testempfehlungen einfließen zu lassen.

Kann page-cro mit unterschiedlichen Seitentypen im gleichen Projekt umgehen?

Ja. Die Datei references/experiments.md ist explizit nach Seitentyp organisiert, und die Skill-Definition sieht vor, dass die Seite vor Empfehlungen klassifiziert wird. So kann page-cro:

• Spezifische Homepage-Experimente für deine Hauptseite nutzen
• Pricing-spezifische Ideen auf deiner Plans-Seite anwenden
• Form- und Routing-Experimente für Demo-Request-Seiten vorschlagen
• Content-CTAs auf Blogs und Resource Hubs optimieren

Du kannst page-cro über mehrere URLs und Kampagnen hinweg einsetzen – sowohl innerhalb eines Produkts als auch produktübergreifend.

Wo sehe ich weitere Beispiele für das erwartete Verhalten von page-cro?

Öffne die Datei evals/evals.json im page-cro Verzeichnis. Sie enthält Beispiel-Prompts (etwa zu SaaS Landing Pages, Pricing-Page-Problemen und mehr) zusammen mit Beschreibungen der erwarteten Analyse und Output-Struktur. Das Durchgehen dieser Beispiele ist der schnellste Weg, um zu verstehen, wie du deine eigenen Prompts formulieren solltest und was page-cro zurückliefert.