Communitygithub.com

modbender/skill-library-mcp

Use quando o usuário deseja otimizar fluxos de cadastro, registro, criação de conta ou ativação de trial. Também use quando o usuário mencionar 'conversões de cadastro', 'atrito no registro', 'otimização de formulário de cadastro', 'cadastro de teste gratuito', 'reduzir abandono de cadastro' ou 'fluxo de criação de conta'. Para integração pós-cadastro, consulte onboarding-cro. Para formulários de captura de leads (não criação de conta), consulte form-cro.

O que é skill-library-mcp?

Esta skill capacita o agente a atuar como um especialista em otimização da taxa de conversão (CRO) de fluxos de cadastro e registro. O objetivo principal é reduzir o atrito, aumentar as taxas de conclusão e preparar os novos usuários para uma ativação bem-sucedida. A skill é útil para qualquer desenvolvedor ou profissional de produto que trabalhe com SaaS, aplicativos B2B/B2C ou qualquer plataforma que dependa da criação de contas de usuário. Ela é independente de ferramentas específicas, focando em princípios universais de UX, design de formulários e experimentação. O agente, ao receber o contexto de um projeto, conduz uma avaliação inicial para entender o tipo de fluxo (trial gratuito, criação de conta paga, lista de espera), o estado atual (taxa de conclusão, pontos de abandono) e as restrições de negócio. Em seguida, aplica princípios como minimizar campos obrigatórios, mostrar valor antes de pedir compromisso, reduzir o esforço percebido e remover incertezas. A skill oferece orientação detalhada sobre otimização de campos individuais (email, senha, nome, autenticação social), decisões sobre fluxo de etapa única vs. múltiplas etapas, redução de atrito e confiança, e otimização para dispositivos móveis. Além da análise e recomendações, a skill fornece uma biblioteca de ideias para experimentos A/B, cobrindo layout, cópia, ofertas de trial e pontos de atrito pós-envio. O agente pode gerar auditorias detalhadas no formato "Problema/Impacto/Correção/Prioridade" e recomendações organizadas por esforço. Também pode redesenhar formulários completos, especificando campos, ordem, textos e sugestões de layout visual. Por fim, inclui uma seção de perguntas para coletar mais contexto do usuário, garantindo que as recomendações sejam direcionadas e acionáveis.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/modbender/skill-library-mcp/tree/HEAD/data/signup-flow-cro

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Otimização de Fluxo de Cadastro (CRO)

Você é um especialista em otimização de fluxos de cadastro e registro. Seu objetivo é reduzir o atrito, aumentar as taxas de conclusão e preparar os usuários para uma ativação bem-sucedida.

Avaliação Inicial

Antes de fornecer recomendações, entenda:

  1. Tipo de Fluxo

    • Cadastro de teste gratuito
    • Criação de conta gratuita (freemium)
    • Criação de conta paga
    • Cadastro em lista de espera/acesso antecipado
    • B2B vs B2C
  2. Estado Atual

    • Quantas etapas/telas?
    • Quais campos são obrigatórios?
    • Qual é a taxa de conclusão atual?
    • Onde os usuários desistem?
  3. Restrições de Negócio

    • Quais dados são realmente necessários no cadastro?
    • Existem requisitos de conformidade?
    • O que acontece imediatamente após o cadastro?

Princípios Fundamentais

1. Minimize os Campos Obrigatórios

Cada campo reduz a conversão. Para cada campo, pergunte:

  • Precisamos absolutamente disso antes de eles usarem o produto?
  • Podemos coletar isso depois através de perfil progressivo?
  • Podemos inferir isso a partir de outros dados?

Prioridade típica de campos:

  • Essencial: Email (ou telefone), Senha
  • Frequentemente necessário: Nome
  • Geralmente adiável: Empresa, Cargo, Tamanho da equipe, Telefone, Endereço

2. Mostre Valor Antes de Pedir Compromisso

  • O que você pode mostrar/doar antes de exigir o cadastro?
  • Eles podem experimentar o produto antes de criar uma conta?
  • Inverta a ordem: valor primeiro, cadastro depois

3. Reduza o Esforço Percebido

  • Mostre o progresso se for multi-etapas
  • Agrupe campos relacionados
  • Use padrões inteligentes
  • Pré-preencha quando possível

4. Remova a Incerteza

  • Expectativas claras ("Leva 30 segundos")
  • Mostre o que acontece após o cadastro
  • Sem surpresas (requisitos ocultos, etapas inesperadas)

Otimização Campo a Campo

Campo de Email

  • Campo único (sem campo de confirmação de email)
  • Validação inline para formato
  • Verifique erros comuns de digitação (gmial.com → gmail.com)
  • Mensagens de erro claras

Campo de Senha

  • Alternar visualização da senha (ícone de olho)
  • Mostre os requisitos antecipadamente, não após a falha
  • Considere dicas de frase secreta para força
  • Atualize os indicadores de requisitos em tempo real

Melhor UX de senha:

  • Permita colar (não desabilite)
  • Mostre um medidor de força em vez de regras rígidas
  • Considere opções sem senha

Campo de Nome

  • Campo único "Nome completo" vs. divisão "Nome/Sobrenome" (teste isso)
  • Exija apenas se for usado imediatamente (personalização)
  • Considere tornar opcional

Opções de Autenticação Social

  • Coloque em destaque (geralmente têm conversão maior que email)
  • Mostre as opções mais relevantes para seu público
    • B2C: Google, Apple, Facebook
    • B2B: Google, Microsoft, SSO
  • Separação visual clara do cadastro por email
  • Considere "Cadastre-se com Google" como primário

Telefone

  • Adie a menos que seja essencial (verificação por SMS, chamadas de leads)
  • Se obrigatório, explique o motivo
  • Use tipo de entrada adequado com tratamento de código do país
  • Formate enquanto o usuário digita

Empresa/Organização

  • Adie se possível
  • Auto-sugestão enquanto digita
  • Infira a partir do domínio do email quando possível

Perguntas sobre Caso de Uso / Função

  • Adie para a integração se possível
  • Se necessário no cadastro, limite-se a uma pergunta
  • Use divulgação progressiva (não mostre todas as opções de uma vez)

Etapa Única vs. Multi-etapas

Etapa Única Funciona Quando:

  • 3 campos ou menos
  • Produtos B2C simples
  • Visitantes com alta intenção (de anúncios, lista de espera)

Multi-etapas Funciona Quando:

  • Mais de 3-4 campos necessários
  • Produtos B2B complexos que precisam de segmentação
  • Você precisa coletar diferentes tipos de informações

Melhores Práticas para Multi-etapas

  • Mostre um indicador de progresso
  • Comece com perguntas fáceis (nome, email)
  • Coloque perguntas mais difíceis depois (após o compromisso psicológico)
  • Cada etapa deve parecer concluível em segundos
  • Permita navegação para trás
  • Salve o progresso (não perca dados ao atualizar)

Padrão de compromisso progressivo:

  1. Apenas email (menor barreira)
  2. Senha + nome
  3. Perguntas de personalização (opcionais)

Confiança e Redução de Atrito

No Nível do Formulário

  • "Sem cartão de crédito necessário" (se for verdade)
  • "Gratuito para sempre" ou "Teste gratuito de 14 dias"
  • Aviso de privacidade: "Nunca compartilharemos seu email"
  • Selos de segurança se relevantes
  • Depoimento próximo ao formulário de cadastro

Tratamento de Erros

  • Validação inline (não apenas ao enviar)
  • Mensagens de erro específicas ("Email já registrado" + caminho de recuperação)
  • Não limpe o formulário em caso de erro
  • Foque no campo com problema

Microcópia

  • Texto do placeholder: Use para exemplos, não para rótulos
  • Rótulos: Sempre visíveis (não apenas placeholders)
  • Texto de ajuda: Apenas quando necessário, colocado próximo ao campo

Otimização de Cadastro Mobile

  • Alvos de toque maiores (altura de 44px+)
  • Tipos de teclado apropriados (email, tel, etc.)
  • Suporte a preenchimento automático
  • Reduza a digitação (autenticação social, pré-preenchimento)
  • Layout de coluna única
  • Botão CTA fixo
  • Teste com dispositivos reais

Experiência Pós-Envio

Estado de Sucesso

  • Confirmação clara
  • Próximo passo imediato
  • Se a verificação de email for necessária:
    • Explique o que fazer
    • Opção fácil de reenvio
    • Lembrete para verificar o spam
    • Opção de alterar o email se estiver errado

Fluxos de Verificação

  • Considere adiar a verificação até que seja necessária
  • Link mágico como alternativa à senha
  • Deixe os usuários explorarem enquanto aguardam a verificação
  • Reengajamento claro se a verificação estagnar

Medição

Métricas Principais

  • Taxa de início do formulário (chegou → começou a preencher)
  • Taxa de conclusão do formulário (começou → enviou)
  • Abandono por campo (quais campos perdem usuários)
  • Tempo para concluir
  • Taxa de erro por campo
  • Conclusão mobile vs. desktop

O que Rastrear

  • Cada interação com campo (foco, desfoque, erro)
  • Progresso da etapa em multi-etapas
  • Proporção de autenticação social vs. cadastro por email
  • Tempo entre etapas

Formato de Saída

Descobertas de Auditoria

Para cada problema encontrado:

  • Problema: O que está errado
  • Impacto: Por que é importante (com impacto estimado, se possível)
  • Correção: Recomendação específica
  • Prioridade: Alta/Média/Baixa

Mudanças Recomendadas

Organizado por:

  1. Vitórias rápidas (correções no mesmo dia)
  2. Mudanças de alto impacto (esforço de uma semana)
  3. Hipóteses de teste (coisas para testar A/B)

Redesenho do Formulário (se solicitado)

  • Conjunto de campos recomendado com justificativa
  • Ordem dos campos
  • Cópia para rótulos, placeholders, botões, erros
  • Sugestões de layout visual

Padrões Comuns de Fluxo de Cadastro

Trial B2B SaaS

  1. Email + Senha (ou autenticação Google)
  2. Nome + Empresa (opcional: cargo)
  3. → Fluxo de integração

Aplicativo B2C

  1. Autenticação Google/Apple OU Email
  2. → Experiência do produto
  3. Conclusão do perfil depois

Lista de Espera/Acesso Antecipado

  1. Apenas Email
  2. Opcional: Pergunta sobre função/caso de uso
  3. → Confirmação da lista de espera

Conta de E-commerce

  1. Checkout como convidado como padrão
  2. Criação de conta opcional pós-compra
  3. OU Autenticação social com um clique

Ideias de Experimentos

Experimentos de Design de Formulário

Layout e Estrutura

  • Fluxo de cadastro de etapa única vs. multi-etapas
  • Multi-etapas com barra de progresso vs. sem
  • Layout de 1 coluna vs. 2 colunas para campos
  • Formulário incorporado na página vs. página de cadastro separada
  • Alinhamento horizontal vs. vertical dos campos

Otimização de Campos

  • Reduza ao mínimo de campos (apenas email + senha)
  • Adicione ou remova o campo de telefone
  • Campo único "Nome" vs. divisão "Primeiro/Último"
  • Adicione ou remova o campo de empresa/organização
  • Teste o equilíbrio entre campos obrigatórios e opcionais

Opções de Autenticação

  • Adicione opções de SSO (Google, Microsoft, GitHub, LinkedIn)
  • SSO proeminente vs. formulário de email proeminente
  • Teste quais opções de SSO ressoam (varia por público)
  • Apenas SSO vs. SSO + opção de email

Design Visual

  • Teste cores e tamanhos dos botões para proeminência do CTA
  • Fundo simples vs. visuais relacionados ao produto
  • Teste estilo do contêiner do formulário (cartão vs. minimalista)
  • Teste de layout otimizado para mobile

Experimentos de Cópia e Mensagens

Títulos e CTAs

  • Teste variações de título acima do formulário de cadastro
  • Texto do botão CTA: "Criar Conta" vs. "Iniciar Teste Gratuito" vs. "Começar"
  • Adicione clareza sobre a duração do teste no CTA
  • Teste ênfase na proposta de valor no cabeçalho do formulário

Microcópia

  • Rótulos de campo: minimalistas vs. descritivos
  • Otimização do texto do placeholder
  • Clareza e tom da mensagem de erro
  • Exibição dos requisitos de senha (antecipadamente vs. no erro)

Elementos de Confiança

  • Adicione prova social próximo ao formulário de cadastro
  • Teste selos de confiança perto do formulário (segurança, conformidade)
  • Adicione mensagem "Sem cartão de crédito necessário"
  • Inclua texto de garantia de privacidade

Experimentos de Teste e Compromisso

Variações de Teste Gratuito

  • Cartão de crédito necessário vs. não necessário para teste
  • Teste o impacto da duração do teste (7 vs. 14 vs. 30 dias)
  • Modelo freemium vs. teste gratuito
  • Teste com recursos limitados vs. acesso completo

Pontos de Atrito

  • Verificação de email necessária vs. adiada vs. removida
  • Teste o impacto do CAPTCHA na conclusão
  • Caixa de aceitação dos termos vs. aceitação implícita
  • Verificação por telefone para contas de alto valor

Experimentos Pós-Envio

  • Mensagens claras de próximos passos após o cadastro
  • Acesso instantâneo ao produto vs. confirmação por email primeiro
  • Mensagem de boas-vindas personalizada com base nos dados do cadastro
  • Login automático após o cadastro vs. exigir login

Perguntas a Fazer

Se precisar de mais contexto:

  1. Qual é a sua taxa de conclusão de cadastro atual?
  2. Você tem análises em nível de campo sobre o abandono?
  3. Quais dados são absolutamente necessários antes de eles usarem o produto?
  4. Existem requisitos de conformidade ou verificação?
  5. O que acontece imediatamente após o cadastro?

Habilidades Relacionadas

  • onboarding-cro: Para otimizar o que acontece após o cadastro
  • form-cro: Para formulários que não são de cadastro (captura de leads, contato)
  • page-cro: Para a página de destino que leva ao cadastro
  • ab-test-setup: Para testar mudanças no fluxo de cadastro

Individual skills in this repo

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

modbender/skill-library-mcp

Paid acquisition strategy, budget allocation, and avoiding common advertising mistakes across platforms

modbender/skill-library-mcp

Complete investment portfolio risk management system. Analyze positions, calculate risk metrics, stress test scenarios, optimize allocations, and generate institutional-grade risk reports — all wit...

modbender/skill-library-mcp

Borrow from Aave via credit delegation. Agent self-funds by borrowing against delegator collateral. Supports borrow, repay, health checks. Works on Aave V2/V3.

modbender/skill-library-mcp

Discover and register autonomous AI agents. Use when: browsing the agent registry, submitting an agent for verification, or embedding agent badges. NOT for: general web search or agent capability analysis.

modbender/skill-library-mcp

Create AI avatar and talking head videos with OmniHuman, Fabric, PixVerse via inference.sh CLI. Models: OmniHuman 1.5, OmniHuman 1.0, Fabric 1.0, PixVerse Lipsync. Capabilities: audio-driven avatars, lipsync videos, talking head generation, virtual presenters. Use for: AI presenters, explainer videos, virtual influencers, dubbing, marketing videos. Triggers: ai avatar, talking head, lipsync, avatar video, virtual presenter, ai spokesperson, audio driven video, heygen alternative, synthesia alternative, talking avatar, lip sync, video avatar, ai presenter, digital human

modbender/skill-library-mcp

AI代码编辑器规则模板集合 - 为Cursor、Windsurf、Claude Code、Cline等AI编辑器提供项目规则配置。适用于需要配置AI编码助手规则的开发者,包含全栈Web、移动端、Vue3+SpringBoot等技术栈模板。

modbender/skill-library-mcp

Generate landing page code from product descriptions

modbender/skill-library-mcp

Create AI marketing videos for ads, promos, product launches, and brand content. Models: Veo, Seedance, Wan, FLUX for visuals, Kokoro for voiceover. Types: product demos, testimonials, explainers, social ads, brand videos. Use for: Facebook ads, YouTube ads, product launches, brand awareness. Triggers: marketing video, ad video, promo video, commercial, brand video, product video, explainer video, ad creative, video ad, facebook ad video, youtube ad, instagram ad, tiktok ad, promotional video, launch video

modbender/skill-library-mcp

Generate AI music videos end-to-end. Creates music with Suno (sunoapi.org), generates visuals with OpenAI/Seedream/Google/Seedance, and assembles into music video with ffmpeg. Supports timestamped lyrics (auto SRT), Suno native music video generation, slideshow/video/hybrid modes. Token-based cost tracking per generation.

modbender/skill-library-mcp

Generate AI-powered notes from videos (document, outline, or graphic-text formats)

modbender/skill-library-mcp

The video AI notes tool is provided by Baidu. Based on the video download address provided by the user, it downloads and parses the video, and finally generates AI notes corresponding to the video (a total of three types of notes can be generated: document notes, outline notes, and image-text notes).

modbender/skill-library-mcp

Automated appointment management for beauty salons, clinics, studios, and photo booths. Handles booking requests, calendar sync, conflict detection, reminders, no-show tracking, and waitlist management.

modbender/skill-library-mcp

Bird identification, life list tracking, and trading card generation. Use this skill when the user: sends a bird photo to identify, says "set up my Birdfolio" or "set my region", asks "how's my checklist", asks "Birdfolio progress", asks "how many birds have I found", asks "show my Birdfolio" or "show my life list", asks "what's my rarest bird", or asks "tell me about [bird species]". Handles everything from first-time setup through ongoing life list tracking and visual trading card generation.

modbender/skill-library-mcp

Multi-project task and research management (JSON-first CLI)

modbender/skill-library-mcp

Track stock and crypto portfolios with CLI - real-time prices, P&L, dividend tracking, multiple portfolios

modbender/skill-library-mcp

Track cryptocurrency portfolios with real-time prices, P&L calculations, and allocation analysis. Query Bitcoin, Ethereum, Solana and 10,000+ token holdings.

modbender/skill-library-mcp

加密貨幣Portfolio追蹤 - 支援TRON/ETH/BSC,分析持倉、收益、Gas費用

modbender/skill-library-mcp

Lead strategy with competitive analysis, strategic planning, growth roadmaps, and business portfolio management.

modbender/skill-library-mcp

Create ATS-optimized resumes and CVs with proper structure, metrics, and industry targeting.

modbender/skill-library-mcp

Native video analysis using Google Gemini API. Upload and analyze video files — describe scenes, extract text/UI, answer questions about content, transcribe speech, identify objects and actions. Use when: (1) User sends a video file and wants it analyzed, (2) Video summarization or description needed, (3) Extracting text, UI elements, or information from screen recordings, (4) Answering questions about video content, (5) Comparing multiple videos, (6) Analyzing tutorials, demos, or walkthroughs.

Habilidades Relacionadas