Communitygithub.com

diegosouzapw/awesome-omni-skills

Compétence pour l'optimisation du taux de conversion (CRO) des flux d'inscription. Utilisez cette compétence lorsque l'utilisateur a besoin d'un expert en optimisation des flux d'inscription et d'enregistrement. Votre objectif est de réduire les frictions, d'augmenter les taux de complétion et de préparer les utilisateurs à une activation réussie, tout en préservant le flux de travail en amont, les fichiers de support copiés et la provenance avant la fusion ou le transfert.

Qu'est-ce que awesome-omni-skills ?

Cette compétence est conçue pour optimiser les flux d'inscription et d'enregistrement afin d'améliorer les taux de conversion. Elle fournit une méthodologie structurée pour analyser et réduire les frictions, en se concentrant sur des aspects tels que la minimisation des champs obligatoires, l'affichage de la valeur avant l'engagement, et l'optimisation pour les mobiles. La compétence inclut des directives détaillées, des exemples pratiques et des techniques de mesure pour suivre l'impact des modifications. Elle est idéale pour les développeurs et les chefs de produit qui cherchent à améliorer l'expérience utilisateur lors de l'inscription, que ce soit pour des produits B2C ou B2B. La compétence est conçue pour être utilisée dans des environnements comme Claude Code, Cursor ou Codex, avec un accent sur la préservation de la provenance et des workflows en amont.

Compatible avec✓Claude Code✓Codex CLI✓Cursor✓Antigravity✓Gemini CLI✓OpenCode
npx skills add https://github.com/diegosouzapw/awesome-omni-skills/tree/HEAD/skills/signup-flow-cro

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Optimisation du Taux de Conversion des Flux d'Inscription (Signup Flow CRO)

Vue d'ensemble

Ce pack d'acquisition public intègre plugins/antigravity-awesome-skills-claude/skills/signup-flow-cro depuis https://github.com/sickn33/antigravity-awesome-skills dans le format éditorial natif Omni Skills, sans en cacher l'origine.

Utilisez-le lorsque l'opérateur doit conserver le flux de travail en amont, les fichiers de support et le contexte du référentiel intacts, tandis que le validateur public et l'améliorateur privé poursuivent leur flux aval normal.

Cette intégration conserve les fichiers copiés en amont intacts et utilise le bloc external_source dans metadata.json ainsi que ORIGIN.md comme ancrage de provenance pour la révision.

Optimisation du Taux de Conversion des Flux d'Inscription Vous êtes un expert dans l'optimisation des flux d'inscription et d'enregistrement. Votre objectif est de réduire les frictions, d'augmenter les taux de complétion et de préparer les utilisateurs à une activation réussie.

Les sections importées de la source qui ne correspondent pas parfaitement aux en-têtes publics sont quand même conservées ci-dessous ou dans les fichiers de support. Sections notables importées : Évaluation Initiale, Optimisation Champ par Champ, Réduction de la Confiance et des Frictions, Optimisation de l'Inscription Mobile, Expérience Post-Soumission, Mesure.

Quand Utiliser Cette Compétence

Utilisez cette section comme filtre de déclenchement. Elle doit rendre explicite la limite d'activation avant que l'opérateur charge des fichiers, exécute des commandes ou ouvre une pull request.

  • Cette compétence est applicable pour exécuter le flux de travail ou les actions décrites dans la vue d'ensemble.
  • À utiliser lorsque la demande correspond clairement à l'intention de la source importée : Vous êtes un expert dans l'optimisation des flux d'inscription et d'enregistrement. Votre objectif est de réduire les frictions, d'augmenter les taux de complétion et de préparer les utilisateurs à une activation réussie.
  • À utiliser lorsque l'opérateur doit préserver les détails du flux de travail en amont plutôt que de réécrire le processus à partir de zéro.
  • À utiliser lorsque la provenance doit rester visible dans la réponse, la PR ou le dossier de révision.
  • À utiliser lorsque les références, exemples ou scripts copiés en amont améliorent considérablement la réponse.
  • À utiliser lorsque le flux de travail doit rester révisable dans le dépôt d'intégration public avant que l'améliorateur privé ne prenne le relais.

Tableau d'Exploitation

SituationCommencez iciPourquoi c'est important
Première utilisationmetadata.jsonConfirme le dépôt, la branche, le commit et le chemin importé via le bloc external_source avant de toucher au flux de travail copié
Révision de provenanceORIGIN.mdDonne aux réviseurs une piste d'audit en langage clair pour la source importée
Exécution du flux de travailSKILL.mdCommence par le plus petit fichier copié qui modifie matériellement l'exécution
Contexte de supportSKILL.mdAjoute le fichier source copié le plus pertinent suivant sans charger l'intégralité du paquet
Décision de transfert## Compétences ConnexesAide l'opérateur à passer à une compétence native plus forte lorsque la tâche dévie

Flux de Travail

Ce flux de travail est intentionnellement à la fois éditorial et opérationnel. Il maintient l'utilité de la source importée pour l'opérateur tout en satisfaisant aux normes d'intégration publique qui alimentent le flux d'amélioration en aval.

  1. 3 champs ou moins
  2. Produits B2C simples
  3. Visiteurs à forte intention (provenant de publicités, liste d'attente)
  4. Plus de 3-4 champs nécessaires
  5. Produits B2B complexes nécessitant une segmentation
  6. Vous devez collecter différents types d'informations
  7. Afficher un indicateur de progression

Notes sur le Flux de Travail Importé

Importé : Simple vs. Multi-étapes

Simple Fonctionne Quand :

  • 3 champs ou moins
  • Produits B2C simples
  • Visiteurs à forte intention (provenant de publicités, liste d'attente)

Multi-étapes Fonctionne Quand :

  • Plus de 3-4 champs nécessaires
  • Produits B2B complexes nécessitant une segmentation
  • Vous devez collecter différents types d'informations

Meilleures Pratiques pour Multi-étapes

  • Afficher un indicateur de progression
  • Commencer par des questions faciles (nom, email)
  • Placer les questions difficiles plus tard (après l'engagement psychologique)
  • Chaque étape doit pouvoir être complétée en quelques secondes
  • Permettre la navigation arrière
  • Sauvegarder la progression (ne pas perdre les données lors d'un rafraîchissement)

Modèle d'engagement progressif :

  1. Email uniquement (barrière la plus basse)
  2. Mot de passe + nom
  3. Questions de personnalisation (optionnelles)

Importé : Évaluation Initiale

Avant de fournir des recommandations, comprendre :

  1. Type de flux

    • Inscription à un essai gratuit
    • Création de compte Freemium
    • Création de compte payant
    • Inscription à une liste d'attente / accès anticipé
    • B2B vs B2C
  2. État actuel

    • Combien d'étapes / écrans ?
    • Quels champs sont obligatoires ?
    • Quel est le taux de complétion actuel ?
    • Où les utilisateurs abandonnent-ils ?
  3. Contraintes métier

    • Quelles données sont réellement nécessaires à l'inscription ?
    • Y a-t-il des exigences de conformité ?
    • Que se passe-t-il immédiatement après l'inscription ?

Exemples

Exemple 1 : Demander directement le flux de travail en amont

Utilisez @signup-flow-cro pour gérer <tâche>. Commencez par le flux de travail copié en amont, chargez uniquement les fichiers qui changent le résultat et gardez la provenance visible dans la réponse.

Explication : C'est le point de départ le plus sûr lorsque l'opérateur a besoin du flux de travail importé, mais pas de l'intégralité du dépôt.

Exemple 2 : Demander une révision basée sur la provenance

Révisez @signup-flow-cro par rapport à metadata.json et ORIGIN.md, puis expliquez quels fichiers sources copiés en amont vous chargeriez en premier et pourquoi.

Explication : À utiliser avant une révision ou un dépannage lorsque vous avez besoin d'une explication précise et vérifiable de l'origine et de la sélection des fichiers.

Exemple 3 : Limiter les fichiers de support copiés avant l'exécution

Utilisez @signup-flow-cro pour <tâche>. Chargez uniquement les références, exemples ou scripts copiés qui changent le résultat et nommez les fichiers explicitement avant de continuer.

Explication : Cela maintient la compétence alignée sur la divulgation progressive plutôt que de charger l'intégralité du paquet copié par défaut.

Exemple 4 : Créer un dossier de révision

Révisez @signup-flow-cro en utilisant les fichiers copiés en amont plus la provenance, puis résumez les lacunes avant la fusion.

Explication : Utile lorsque la PR attend une révision humaine et que vous souhaitez un dossier d'audit reproductible.

Meilleures Pratiques

Traitez la compétence publique générée comme une couche d'empaquetage révisable autour du dépôt en amont. L'objectif est de garder la provenance explicite et de charger uniquement le matériel source copié qui améliore matériellement l'exécution.

  • Avons-nous absolument besoin de cela avant qu'ils puissent utiliser le produit ?
  • Pouvons-nous collecter cela plus tard via un profilage progressif ?
  • Pouvons-nous déduire cela à partir d'autres données ?
  • Essentiel : Email (ou téléphone), Mot de passe
  • Souvent nécessaire : Nom
  • Généralement reportable : Entreprise, Rôle, Taille de l'équipe, Téléphone, Adresse
  • Que pouvez-vous montrer / donner avant d'exiger l'inscription ?

Notes Opérationnelles Importées

Importé : Principes Fondamentaux

1. Minimiser les Champs Obligatoires

Chaque champ réduit la conversion. Pour chaque champ, demandez :

  • Avons-nous absolument besoin de cela avant qu'ils puissent utiliser le produit ?
  • Pouvons-nous collecter cela plus tard via un profilage progressif ?
  • Pouvons-nous déduire cela à partir d'autres données ?

Priorité typique des champs :

  • Essentiel : Email (ou téléphone), Mot de passe
  • Souvent nécessaire : Nom
  • Généralement reportable : Entreprise, Rôle, Taille de l'équipe, Téléphone, Adresse

2. Montrer la Valeur Avant de Demander un Engagement

  • Que pouvez-vous montrer / donner avant d'exiger l'inscription ?
  • Peuvent-ils expérimenter le produit avant de créer un compte ?
  • Inverser l'ordre : valeur d'abord, inscription ensuite

3. Réduire l'Effort Perçu

  • Afficher la progression si multi-étapes
  • Grouper les champs connexes
  • Utiliser des valeurs par défaut intelligentes
  • Pré-remplir si possible

4. Supprimer l'Incertitude

  • Attentes claires ("Prend 30 secondes")
  • Montrer ce qui se passe après l'inscription
  • Pas de surprises (exigences cachées, étapes inattendues)

Dépannage

Problème : L'opérateur a ignoré le contexte importé et a répondu de manière trop générique

Symptômes : Le résultat ignore le flux de travail en amont dans plugins/antigravity-awesome-skills-claude/skills/signup-flow-cro, ne mentionne pas la provenance, ou n'utilise aucun fichier source copié. Solution : Rouvrir metadata.json, ORIGIN.md et les fichiers en amont copiés les plus pertinents. Vérifiez d'abord le bloc external_source, puis reformulez la provenance avant de continuer.

Problème : Le flux de travail importé semble incomplet lors de la révision

Symptômes : Les réviseurs peuvent voir le SKILL.md généré, mais ils ne peuvent pas déterminer rapidement quelles références, exemples ou scripts sont importants pour la tâche en cours. Solution : Pointez les références, exemples, scripts ou ressources copiés exacts qui justifient le chemin que vous avez pris. Si l'écart est réel, enregistrez-le dans la PR plutôt que de le cacher.

Problème : La tâche a dévié vers une spécialisation différente

Symptômes : La compétence importée commence au bon endroit, mais le travail se transforme en débogage, architecture, conception, sécurité ou orchestration de version qu'une compétence native gère mieux. Solution : Utilisez la section des compétences connexes pour transférer délibérément. Gardez la provenance importée visible afin que la prochaine compétence hérite du bon contexte au lieu de partir de zéro.

Compétences Connexes

  • @00-andruia-consultant - À utiliser lorsque le travail est mieux géré par cette spécialisation native après que cette compétence importée a établi le contexte.
  • @00-andruia-consultant-v2 - À utiliser lorsque le travail est mieux géré par cette spécialisation native après que cette compétence importée a établi le contexte.
  • @10-andruia-skill-smith - À utiliser lorsque le travail est mieux géré par cette spécialisation native après que cette compétence importée a établi le contexte.
  • @10-andruia-skill-smith-v2 - À utiliser lorsque le travail est mieux géré par cette spécialisation native après que cette compétence importée a établi le contexte.

Ressources Supplémentaires

Utilisez cette matrice de support et les fichiers liés ci-dessous comme dossier opérateur pour cette compétence importée. Ils doivent refléter le matériel source copié réel, pas un échafaudage générique.

Famille de ressourcesCe qu'elle donne au réviseurChemin d'exemple
referencesnotes de référence copiées, guides ou documents de fond provenant de l'amontreferences/n/a
examplesexemples travaillés ou invites réutilisables copiés de l'amontexamples/n/a
scriptsscripts d'aide en amont qui modifient l'exécution ou la validationscripts/n/a
agentsnotes de routage ou de délégation qui font réellement partie du paquet importéagents/n/a
assetsressources de support ou schémas copiés du paquet sourceassets/n/a

Notes de Référence Importées

Importé : Optimisation Champ par Champ

Champ Email

  • Champ unique (pas de champ de confirmation d'email)
  • Validation en ligne pour le format
  • Vérifier les fautes de frappe courantes (gmial.com → gmail.com)
  • Messages d'erreur clairs

Champ Mot de Passe

  • Bouton d'affichage du mot de passe (icône œil)
  • Afficher les exigences dès le départ, pas après l'échec
  • Envisager des indices de phrase de passe pour la force
  • Mettre à jour les indicateurs d'exigence en temps réel

Meilleure UX de mot de passe :

  • Autoriser le collage (ne pas désactiver)
  • Afficher un indicateur de force au lieu de règles rigides
  • Envisager des options sans mot de passe

Champ Nom

  • Champ unique "Nom complet" vs. Prénom / Nom (testez ceci)
  • Exiger uniquement s'il est utilisé immédiatement (personnalisation)
  • Envisager de le rendre facultatif

Options d'Authentification Sociale

  • Placer en évidence (souvent un taux de conversion plus élevé que l'email)
  • Afficher les options les plus pertinentes pour votre public
    • B2C : Google, Apple, Facebook
    • B2B : Google, Microsoft, SSO
  • Séparation visuelle claire de l'inscription par email
  • Envisager "S'inscrire avec Google" comme option principale

Numéro de Téléphone

  • Reporter sauf si essentiel (vérification SMS, appels de leads)
  • Si requis, expliquer pourquoi
  • Utiliser le type de saisie approprié avec la gestion du code pays
  • Formater au fur et à mesure de la frappe

Entreprise / Organisation

  • Reporter si possible
  • Suggestion automatique lors de la frappe
  • Déduire du domaine email si possible

Questions sur le Cas d'Utilisation / Rôle

  • Reporter à l'intégration si possible
  • Si nécessaire à l'inscription, limiter à une question
  • Utiliser la divulgation progressive (ne pas afficher toutes les options à la fois)

Importé : Réduction de la Confiance et des Frictions

Au Niveau du Formulaire

  • "Aucune carte de crédit requise" (si vrai)
  • "Gratuit pour toujours" ou "Essai gratuit de 14 jours"
  • Note de confidentialité : "Nous ne partagerons jamais votre email"
  • Badges de sécurité si pertinents
  • Témoignage près du formulaire d'inscription

Gestion des Erreurs

  • Validation en ligne (pas seulement lors de la soumission)
  • Messages d'erreur spécifiques ("Email déjà enregistré" + chemin de récupération)
  • Ne pas effacer le formulaire en cas d'erreur
  • Se concentrer sur le champ problématique

Microcopie

  • Texte d'espace réservé : Utiliser pour des exemples, pas pour des étiquettes
  • Étiquettes : Toujours visibles (pas seulement des espaces réservés)
  • Texte d'aide : Uniquement si nécessaire, placé près du champ

Importé : Optimisation de l'Inscription Mobile

  • Cibles tactiles plus grandes (hauteur de 44px+)
  • Types de clavier appropriés (email, tél., etc.)
  • Prise en charge du remplissage automatique
  • Réduire la frappe (authentification sociale, pré-remplissage)
  • Mise en page à colonne unique
  • Bouton CTA collant
  • Tester avec des appareils réels

Importé : Expérience Post-Soumission

État de Succès

  • Confirmation claire
  • Prochaine étape immédiate
  • Si vérification d'email requise :
    • Expliquer quoi faire
    • Option de renvoi facile
    • Rappel de vérifier les spams
    • Option de changer d'email si erroné

Flux de Vérification

  • Envisager de différer la vérification jusqu'à ce qu'elle soit nécessaire
  • Lien magique comme alternative au mot de passe
  • Permettre aux utilisateurs d'explorer pendant la vérification
  • Réengagement clair si la vérification stagne

Importé : Mesure

Indicateurs Clés

  • Taux de début de formulaire (arrivé → a commencé à remplir)
  • Taux de complétion du formulaire (a commencé → a soumis)
  • Abandon au niveau du champ (quels champs perdent des utilisateurs)
  • Temps de complétion
  • Taux d'erreur par champ
  • Complétion mobile vs. bureau

Que Suivre

  • Chaque interaction avec un champ (focus, blur, erreur)
  • Progression par étape dans multi-étapes
  • Ratio authentification sociale vs. inscription par email
  • Temps entre les étapes

Importé : Format de Sortie

Résultats d'Audit

Pour chaque problème trouvé :

  • Problème : Qu'est-ce qui ne va pas
  • Impact : Pourquoi c'est important (avec impact estimé si possible)
  • Correctif : Recommandation spécifique
  • Priorité : Haute/Moyenne/Basse

Changements Recommandés

Organisés par :

  1. Victoires rapides (correctifs du jour même)
  2. Changements à fort impact (effort d'une semaine)
  3. Hypothèses à tester (choses à tester en A/B)

Refonte du Formulaire (si demandée)

  • Ensemble de champs recommandé avec justification
  • Ordre des champs
  • Copie pour les étiquettes, espaces réservés, boutons, erreurs
  • Suggestions de mise en page visuelle

Importé : Modèles Courants de Flux d'Inscription

Essai B2B SaaS

  1. Email + Mot de passe (ou authentification Google)
  2. Nom + Entreprise (facultatif...

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

diegosouzapw/awesome-omni-skills

AgentFolio workflow skill. Use this skill when the user needs Skill for discovering and researching autonomous AI agents, tools, and ecosystems using the AgentFolio directory and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

AgentFolio workflow skill. Use this skill when the user needs Skill for discovering and researching autonomous AI agents, tools, and ecosystems using the AgentFolio directory and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

Agent skill at skills/ai-ugc-ads/SKILL.md

diegosouzapw/awesome-omni-skills

Copy Editing workflow skill. Use this skill when the user needs You are an expert copy editor specializing in marketing and conversion copy. Your goal is to systematically improve existing copy through focused editing passes while preserving the core message and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

Copy Editing workflow skill. Use this skill when the user needs You are an expert copy editor specializing in marketing and conversion copy. Your goal is to systematically improve existing copy through focused editing passes while preserving the core message and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

Copy Editing workflow skill. Use this skill when the user needs You are an expert copy editor specializing in marketing and conversion copy. Your goal is to systematically improve existing copy through focused editing passes while preserving the core message and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

Fal Image Edit workflow skill. Use this skill when the user needs AI-powered image editing with style transfer and object removal and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

Fal Image Edit workflow skill. Use this skill when the user needs AI-powered image editing with style transfer and object removal and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

frontend-design workflow skill. Use this skill when the user needs Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. Do NOT use for design review or audit (use web-design-guidelines or web-quality-audit) and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

Frontend Design (Distinctive, Production-Grade) workflow skill. Use this skill when the user needs You are a frontend designer-engineer, not a layout generator and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

i18n & Localization workflow skill. Use this skill when the user needs Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

i18n & Localization workflow skill. Use this skill when the user needs Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

Interactive Portfolio workflow skill. Use this skill when the user needs Expert in building portfolios that actually land jobs and clients - and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

Interactive Portfolio workflow skill. Use this skill when the user needs Expert in building portfolios that actually land jobs and clients - and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

Landing Page Generator workflow skill. Use this skill when the user needs Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

Landing Page Generator workflow skill. Use this skill when the user needs Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

Interactive Portfolio workflow skill. Use this skill when the user needs Expert in building portfolios that actually land jobs and clients - and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

Paid Creative AI workflow skill. Use this skill when the user needs When the user wants to create AI-generated ad creative, test performance creative, manage creative fatigue, or optimize paid media with AI tools. Also use when the user mentions 'ad creative,' 'performance creative,' 'creative testing,' 'creative fatigue,' 'Meta ads,' 'Google ads,' 'TikTok ads,' 'AI ads,' 'ad budget,' 'ROAS,' 'Advantage+,' or 'Performance Max.' This skill covers AI-powered paid creative from generation through performance optimization. Do NOT use for technical implementation, code review, or software architecture and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

SEO-AEO Landing Page Writer workflow skill. Use this skill when the user needs Writes complete, structured landing pages optimized for SEO ranking, AEO citation, and visitor conversion. Activate when the user wants to write or generate a landing page for a product, service, or offer and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

diegosouzapw/awesome-omni-skills

SEO-AEO Landing Page Writer workflow skill. Use this skill when the user needs Writes complete, structured landing pages optimized for SEO ranking, AEO citation, and visitor conversion. Activate when the user wants to write or generate a landing page for a product, service, or offer and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

Skills associés