Signup Flow CRO (Optimierung des Anmeldeablaufs)
Übersicht
Dieser öffentliche Intake-Skill verpackt plugins/antigravity-awesome-skills-claude/skills/signup-flow-cro aus https://github.com/sickn33/antigravity-awesome-skills in die native redaktionelle Form von Omni Skills, ohne die Herkunft zu verschleiern.
Verwende ihn, wenn der Bediener den vorgelagerten Workflow, die Support-Dateien und den Repository-Kontext intakt halten muss, während der öffentliche Validator und der private Enhancer ihren normalen nachgelagerten Fluss fortsetzen.
Dieser Intake bewahrt die kopierten vorgelagerten Dateien unverändert und verwendet den external_source-Block in metadata.json sowie ORIGIN.md als Herkunftsanker für die Überprüfung.
Signup Flow CRO Du bist ein Experte für die Optimierung von Anmelde- und Registrierungsabläufen. Dein Ziel ist es, Reibung zu reduzieren, die Abschlussraten zu erhöhen und Benutzer für eine erfolgreiche Aktivierung vorzubereiten.
Importierte Quellabschnitte, die sich nicht sauber in die öffentlichen Überschriften einfügen ließen, sind dennoch unten oder in den Support-Dateien erhalten. Bemerkenswerte importierte Abschnitte: Ersteinschätzung, Feld-für-Feld-Optimierung, Vertrauen und Reibungsreduzierung, Mobile Anmeldeoptimierung, Nach dem Absenden, Messung.
Wann dieser Skill verwendet werden sollte
Verwende diesen Abschnitt als Trigger-Filter. Er sollte die Aktivierungsgrenze explizit machen, bevor der Bediener Dateien lädt, Befehle ausführt oder einen Pull Request eröffnet.
- Dieser Skill ist anwendbar, um den im Überblick beschriebenen Workflow oder die beschriebenen Aktionen auszuführen.
- Verwende ihn, wenn die Anfrage klar der importierten Quellabsicht entspricht: Du bist ein Experte für die Optimierung von Anmelde- und Registrierungsabläufen. Dein Ziel ist es, Reibung zu reduzieren, die Abschlussraten zu erhöhen und Benutzer für eine erfolgreiche Aktivierung vorzubereiten.
- Verwende ihn, wenn der Bediener die Details des vorgelagerten Workflows bewahren soll, anstatt den Prozess von Grund auf neu zu schreiben.
- Verwende ihn, wenn die Herkunft in der Antwort, im PR oder im Prüfpaket sichtbar bleiben muss.
- Verwende ihn, wenn kopierte vorgelagerte Referenzen, Beispiele oder Skripte die Antwort wesentlich verbessern.
- Verwende ihn, wenn der Workflow im öffentlichen Intake-Repository überprüfbar bleiben soll, bevor der private Enhancer übernimmt.
Bedientabelle
| Situation | Hier starten | Warum es wichtig ist |
|---|---|---|
| Erstmalige Verwendung | metadata.json | Bestätigt Repository, Branch, Commit und importierten Pfad durch den external_source-Block, bevor der kopierte Workflow berührt wird |
| Herkunftsprüfung | ORIGIN.md | Bietet Prüfern einen klaren Prüfpfad in einfacher Sprache für die importierte Quelle |
| Workflow-Ausführung | SKILL.md | Beginnt mit der kleinsten kopierten Datei, die die Ausführung materiell verändert |
| Unterstützender Kontext | SKILL.md | Fügt die nächstwichtigste kopierte Quelldatei hinzu, ohne das gesamte Paket zu laden |
| Übergabeentscheidung | ## Verwandte Skills | Hilft dem Bediener, zu einem stärkeren nativen Skill zu wechseln, wenn die Aufgabe abdriftet |
Workflow
Dieser Workflow ist bewusst sowohl redaktionell als auch operativ. Er hält die importierte Quelle für den Bediener nützlich, während er dennoch die öffentlichen Intake-Standards erfüllt, die den nachgelagerten Enhancer-Fluss speisen.
- 3 oder weniger Felder
- Einfache B2C-Produkte
- Besucher mit hoher Absicht (aus Anzeigen, Warteliste)
- Mehr als 3-4 Felder benötigt
- Komplexe B2B-Produkte, die Segmentierung benötigen
- Sie müssen verschiedene Arten von Informationen sammeln
- Fortschrittsanzeige zeigen
Importierte Workflow-Notizen
Importiert: Einzelschritt vs. Mehrschritt
Einzelschritt funktioniert, wenn:
- 3 oder weniger Felder
- Einfache B2C-Produkte
- Besucher mit hoher Absicht (aus Anzeigen, Warteliste)
Mehrschritt funktioniert, wenn:
- Mehr als 3-4 Felder benötigt
- Komplexe B2B-Produkte, die Segmentierung benötigen
- Sie müssen verschiedene Arten von Informationen sammeln
Best Practices für Mehrschritt
- Fortschrittsanzeige zeigen
- Mit einfachen Fragen beginnen (Name, E-Mail)
- Schwierigere Fragen später stellen (nach psychologischem Engagement)
- Jeder Schritt sollte sich in Sekunden abschließen lassen
- Rückwärtsnavigation erlauben
- Fortschritt speichern (keine Daten bei Aktualisierung verlieren)
Muster des progressiven Engagements:
- Nur E-Mail (niedrigste Hürde)
- Passwort + Name
- Anpassungsfragen (optional)
Importiert: Ersteinschätzung
Bevor Empfehlungen gegeben werden, verstehen Sie:
-
Art des Ablaufs
- Anmeldung für kostenlose Testversion
- Erstellung eines Freemium-Kontos
- Erstellung eines bezahlten Kontos
- Anmeldung für Warteliste / frühen Zugang
- B2B vs. B2C
-
Aktueller Zustand
- Wie viele Schritte/Bildschirme?
- Welche Felder sind erforderlich?
- Wie hoch ist die aktuelle Abschlussrate?
- Wo steigen Benutzer aus?
-
Geschäftliche Einschränkungen
- Welche Daten werden bei der Anmeldung wirklich benötigt?
- Gibt es Compliance-Anforderungen?
- Was passiert unmittelbar nach der Anmeldung?
Beispiele
Beispiel 1: Direkt nach dem vorgelagerten Workflow fragen
Nutze @signup-flow-cro, um <Aufgabe> zu erledigen. Beginne mit dem kopierten vorgelagerten Workflow, lade nur die Dateien, die das Ergebnis verändern, und halte die Herkunft in der Antwort sichtbar.
Erklärung: Dies ist der sicherste Ausgangspunkt, wenn der Bediener den importierten Workflow, aber nicht das gesamte Repository benötigt.
Beispiel 2: Nach einer herkunftsbegründeten Überprüfung fragen
Überprüfe @signup-flow-cro anhand von metadata.json und ORIGIN.md und erkläre dann, welche kopierten vorgelagerten Dateien Sie zuerst laden würden und warum.
Erklärung: Verwenden Sie dies vor der Überprüfung oder Fehlerbehebung, wenn Sie eine präzise, prüfbare Erklärung von Herkunft und Dateiauswahl benötigen.
Beispiel 3: Die kopierten Support-Dateien vor der Ausführung eingrenzen
Nutze @signup-flow-cro für <Aufgabe>. Lade nur die kopierten Referenzen, Beispiele oder Skripte, die das Ergebnis verändern, und nenne die Dateien explizit, bevor du fortfährst.
Erklärung: Dies hält den Skill mit progressiver Offenlegung ausgerichtet, anstatt standardmäßig das gesamte kopierte Paket zu laden.
Beispiel 4: Ein Prüferpaket erstellen
Überprüfe @signup-flow-cro mit den kopierten vorgelagerten Dateien und der Herkunft und fasse dann alle Lücken vor dem Zusammenführen zusammen.
Erklärung: Dies ist nützlich, wenn der PR auf eine menschliche Überprüfung wartet und Sie ein wiederholbares Prüfpaket wünschen.
Best Practices
Behandeln Sie den generierten öffentlichen Skill als überprüfbare Verpackungsschicht um das vorgelagerte Repository. Das Ziel ist es, die Herkunft explizit zu halten und nur das kopierte Quellmaterial zu laden, das die Ausführung wesentlich verbessert.
- Brauchen wir dies unbedingt, bevor sie das Produkt nutzen können?
- Können wir dies später durch progressive Profilerstellung sammeln?
- Können wir dies aus anderen Daten ableiten?
- Wesentlich: E-Mail (oder Telefon), Passwort
- Oft benötigt: Name
- Normalerweise verschiebbar: Unternehmen, Rolle, Teamgröße, Telefon, Adresse
- Was kannst du zeigen/geben, bevor eine Anmeldung erforderlich ist?
Importierte Betriebshinweise
Importiert: Kernprinzipien
1. Erforderliche Felder minimieren
Jedes Feld verringert die Konversion. Frage bei jedem Feld:
- Brauchen wir dies unbedingt, bevor sie das Produkt nutzen können?
- Können wir dies später durch progressive Profilerstellung sammeln?
- Können wir dies aus anderen Daten ableiten?
Typische Feldpriorität:
- Wesentlich: E-Mail (oder Telefon), Passwort
- Oft benötigt: Name
- Normalerweise verschiebbar: Unternehmen, Rolle, Teamgröße, Telefon, Adresse
2. Wert zeigen, bevor Engagement gefordert wird
- Was kannst du zeigen/geben, bevor eine Anmeldung erforderlich ist?
- Können sie das Produkt erleben, bevor sie ein Konto erstellen?
- Reihenfolge umkehren: Wert zuerst, Anmeldung danach
3. Wahrgenommenen Aufwand reduzieren
- Fortschritt anzeigen, wenn mehrschrittig
- Zusammengehörige Felder gruppieren
- Intelligente Standardwerte verwenden
- Nach Möglichkeit vorausfüllen
4. Unsicherheit beseitigen
- Klare Erwartungen („Dauert 30 Sekunden")
- Zeigen, was nach der Anmeldung passiert
- Keine Überraschungen (versteckte Anforderungen, unerwartete Schritte)
Fehlerbehebung
Problem: Der Bediener hat den importierten Kontext übersprungen und zu allgemein geantwortet
Symptome: Das Ergebnis ignoriert den vorgelagerten Workflow in plugins/antigravity-awesome-skills-claude/skills/signup-flow-cro, erwähnt die Herkunft nicht oder verwendet keine kopierten Quelldateien.
Lösung: Öffnen Sie metadata.json, ORIGIN.md und die relevantesten kopierten vorgelagerten Dateien erneut. Überprüfen Sie zuerst den external_source-Block und wiederholen Sie dann die Herkunft, bevor Sie fortfahren.
Problem: Der importierte Workflow fühlt sich bei der Überprüfung unvollständig an
Symptome: Prüfer können die generierte SKILL.md sehen, aber nicht schnell erkennen, welche Referenzen, Beispiele oder Skripte für die aktuelle Aufgabe relevant sind.
Lösung: Zeigen Sie auf die genauen kopierten Referenzen, Beispiele, Skripte oder Assets, die den eingeschlagenen Weg rechtfertigen. Wenn die Lücke tatsächlich besteht, dokumentieren Sie sie im PR, anstatt sie zu verstecken.
Problem: Die Aufgabe ist in ein anderes Spezialgebiet abgedriftet
Symptome: Der importierte Skill beginnt an der richtigen Stelle, aber die Arbeit verwandelt sich in Debugging, Architektur, Design, Sicherheit oder Release-Orchestrierung, die ein nativer Skill besser handhabt. Lösung: Verwenden Sie den Abschnitt zu verwandten Skills, um bewusst zu übergeben. Halten Sie die importierte Herkunft sichtbar, damit der nächste Skill den richtigen Kontext erbt, anstatt blind zu beginnen.
Verwandte Skills
@00-andruia-consultant– Verwenden, wenn die Arbeit besser von dieser nativen Spezialisierung erledigt wird, nachdem dieser importierte Skill den Kontext hergestellt hat.@00-andruia-consultant-v2– Verwenden, wenn die Arbeit besser von dieser nativen Spezialisierung erledigt wird, nachdem dieser importierte Skill den Kontext hergestellt hat.@10-andruia-skill-smith– Verwenden, wenn die Arbeit besser von dieser nativen Spezialisierung erledigt wird, nachdem dieser importierte Skill den Kontext hergestellt hat.@10-andruia-skill-smith-v2– Verwenden, wenn die Arbeit besser von dieser nativen Spezialisierung erledigt wird, nachdem dieser importierte Skill den Kontext hergestellt hat.
Zusätzliche Ressourcen
Verwenden Sie diese Support-Matrix und die unten verlinkten Dateien als Bedienerpaket für diesen importierten Skill. Sie sollten echtes kopiertes Quellmaterial widerspiegeln, kein generisches Gerüst.
| Ressourcenfamilie | Was sie dem Prüfer gibt | Beispielpfad |
|---|---|---|
references | Kopierte Referenznotizen, Anleitungen oder Hintergrundmaterial aus der Quelle | references/n/a |
examples | Ausgearbeitete Beispiele oder wiederverwendbare Prompts, die aus der Quelle kopiert wurden | examples/n/a |
scripts | Quell-Helperskripte, die Ausführung oder Validierung ändern | scripts/n/a |
agents | Routing- oder Delegierungsnotizen, die tatsächlich Teil des importierten Pakets sind | agents/n/a |
assets | Unterstützende Assets oder Schemata, die aus dem Quellpaket kopiert wurden | assets/n/a |
Importierte Referenznotizen
Importiert: Feld-für-Feld-Optimierung
E-Mail-Feld
- Einzelfeld (kein Feld zur E-Mail-Bestätigung)
- Inline-Validierung für das Format
- Auf häufige Tippfehler prüfen (gmial.com → gmail.com)
- Klare Fehlermeldungen
Passwortfeld
- Passwort anzeigen/ausblenden-Kippschalter (Augensymbol)
- Anforderungen vorab anzeigen, nicht erst nach einem Fehler
- Passphrase-Hinweise für die Stärke in Betracht ziehen
- Anforderungsindikatoren in Echtzeit aktualisieren
Bessere Passwort-User Experience:
- Einfügen erlauben (nicht deaktivieren)
- Stärkemesser anstelle von starren Regeln anzeigen
- Passwortlose Optionen in Betracht ziehen
Namensfeld
- Einzelfeld „Vollständiger Name" vs. Aufteilung in Vorname/Nachname (dies testen)
- Nur erforderlich, wenn sofort verwendet (Personalisierung)
- Optional machen in Betracht ziehen
Social-Auth-Optionen
- Prominent platzieren (oft höhere Konversion als E-Mail)
- Relevanteste Optionen für Ihr Publikum anzeigen
- B2C: Google, Apple, Facebook
- B2B: Google, Microsoft, SSO
- Klare visuelle Trennung von der E-Mail-Anmeldung
- „Mit Google anmelden" als primäre Option in Betracht ziehen
Telefonnummer
- Verschieben, es sei denn, essenziell (SMS-Verifikation, Lead-Anrufe)
- Wenn erforderlich, Grund erklären
- Korrekten Eingabetyp mit Ländercode-Handling verwenden
- Während der Eingabe formatieren
Firma/Organisation
- Wenn möglich verschieben
- Während der Eingabe automatisch vorschlagen
- Wenn möglich aus der E-Mail-Domain ableiten
Anwendungsfall-/Rollenfragen
- Wenn möglich ins Onboarding verschieben
- Wenn bei der Anmeldung benötigt, auf eine Frage beschränken
- Progressive Offenlegung verwenden (nicht alle Optionen auf einmal anzeigen)
Importiert: Vertrauen und Reibungsreduzierung
Auf Formularebene
- „Keine Kreditkarte erforderlich" (wenn zutreffend)
- „Für immer kostenlos" oder „14-tägige kostenlose Testversion"
- Datenschutzhinweis: „Wir geben Ihre E-Mail niemals weiter"
- Sicherheitssiegel, falls relevant
- Erfahrungsbericht in der Nähe des Anmeldeformulars
Fehlerbehandlung
- Inline-Validierung (nicht nur beim Absenden)
- Spezifische Fehlermeldungen („E-Mail bereits registriert" + Wiederherstellungspfad)
- Formular bei Fehler nicht leeren
- Fokus auf das problematische Feld legen
Mikrotext
- Platzhaltertext: Für Beispiele verwenden, nicht für Beschriftungen
- Beschriftungen: Immer sichtbar (nicht nur Platzhalter)
- Hilfetext: Nur wenn nötig, in der Nähe des Felds platzieren
Importiert: Mobile Anmeldeoptimierung
- Größere Touch-Ziele (44px+ Höhe)
- Angemessene Tastaturtypen (E-Mail, Tel., usw.)
- Autofill-Unterstützung
- Tipparbeit reduzieren (Social Auth, Vorausfüllen)
- Einspaltiges Layout
- Klebriger CTA-Button
- Mit echten Geräten testen
Importiert: Nach dem Absenden
Erfolgszustand
- Klare Bestätigung
- Sofortiger nächster Schritt
- Wenn E-Mail-Verifizierung erforderlich:
- Erklären, was zu tun ist
- Einfache Option zum erneuten Senden
- Erinnerung, im Spam-Ordner zu prüfen
- Option zum Ändern der E-Mail bei Fehler
Verifizierungsabläufe
- Verifizierung nach Möglichkeit verzögern, bis sie notwendig ist
- Magic Link als Alternative zum Passwort
- Benutzern erlauben, während der Wartezeit auf Verifizierung zu erkunden
- Klare Wiederansprache, wenn die Verifizierung ins Stocken gerät
Importiert: Messung
Wichtige Metriken
- Formularstartrate (gelandet → begonnen auszufüllen)
- Formularabschlussrate (begonnen → abgesendet)
- Feldbezogene Abbrüche (welche Felder verlieren Benutzer)
- Zeit bis zum Abschluss
- Fehlerrate nach Feld
- Abschluss auf Mobilgeräten vs. Desktop
Was verfolgt werden sollte
- Jede Feldinteraktion (Fokus, Verlassen, Fehler)
- Schrittfortschritt bei mehrschrittigen Formularen
- Verhältnis Social Auth vs. E-Mail-Anmeldung
- Zeit zwischen Schritten
Importiert: Ausgabeformat
Prüfungsergebnisse
Für jedes gefundene Problem:
- Problem: Was falsch ist
- Auswirkung: Warum es wichtig ist (mit geschätzter Auswirkung, wenn möglich)
- Behebung: Spezifische Empfehlung
- Priorität: Hoch/Mittel/Niedrig
Empfohlene Änderungen
Organisiert nach:
- Schnelle Erfolge (Behebungen am selben Tag)
- Änderungen mit hoher Auswirkung (Aufwand auf Wochenebene)
- Testhypothesen (Dinge, die A/B-getestet werden sollten)
Formular-Neugestaltung (falls angefordert)
- Empfohlenes Feldset mit Begründung
- Feldreihenfolge
- Text für Beschriftungen, Platzhalter, Schaltflächen, Fehler
- Vorschläge für das visuelle Layout
Importiert: Häufige Anmeldeablauf-Muster
B2B SaaS Testversion
- E-Mail + Passwort (oder Google-Auth)
- Name + Unternehmen (optional)