Communitygithub.com

miketromba/skills

Crie sites de marketing SaaS e landing pages de alta conversão. Use ao construir sites de marketing, landing pages ou cópia de página inicial para produtos de software. Dispara em solicitações de sites SaaS, landing pages de startups, páginas de marketing de produtos, cópia focada em conversão ou marketing de software B2B.

O que é skills?

Esta habilidade, projetada para agentes de IA como Claude Code, Cursor ou Codex, capacita a criação de conteúdo de site de marketing SaaS otimizado para conversão, direcionado a usuários individuais (prosumidores, desenvolvedores, profissionais de marketing, PMEs). O processo começa com uma etapa de descoberta estruturada, onde o agente faz perguntas consultivas para coletar informações essenciais, como nome do produto, público-alvo, pontos problemáticos, proposta única de valor e objetivos de CTA. Em seguida, ele aplica princípios fundamentais, como falar diretamente com uma pessoa, destacar benefícios em vez de recursos e manter um tom conversacional. A estrutura da página inicial segue um fluxo de conversão comprovado, incluindo seções como herói, prova social, problema, solução e chamada para ação final, com diretrizes detalhadas para cada uma. A habilidade também fornece regras de copywriting para títulos, tom, legibilidade e gatilhos emocionais, além de práticas recomendadas de design e CTA. É uma ferramenta abrangente para gerar sites de marketing SaaS eficazes que convertem visitantes em clientes.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/miketromba/skills/tree/HEAD/skills/saas-website-copy
Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

Cópia de Site SaaS

Crie sites de marketing SaaS de alta conversão direcionados a usuários individuais (prosumidores, desenvolvedores, profissionais de marketing, PMEs).

Processo de Descoberta

Antes de criar a cópia do site, reúna as seguintes informações. Se alguma estiver faltando, pergunte ao usuário por meio de uma conversa consultiva até que todas as informações necessárias sejam coletadas.

Informações Necessárias

  1. Informações básicas do produto

    • Nome do produto
    • O que o produto faz (uma frase)
    • Categoria do produto (por exemplo, "ferramenta de gerenciamento de projetos", "CRM", "plataforma de análise")

  2. Usuário-alvo

    • Quem é o usuário ideal? (cargo, setor, porte da empresa)
    • O que eles estão tentando alcançar? (economizar tempo, reduzir custos, impressionar sua equipe, etc.)

  3. Pontos problemáticos (precisa de pelo menos 3)

    • Que problemas específicos este produto resolve?
    • Que frustrações o usuário experimenta atualmente?
    • Qual é o impacto emocional desses problemas?

  4. Proposta de valor única

    • O que torna este produto diferente das alternativas?
    • Por que alguém deveria escolher isso em vez dos concorrentes?

  5. Principais recursos/capacidades (3-5 mais importantes)

    • O que o produto faz?
    • Qual resultado cada recurso entrega?

  6. Prova social (se disponível)

    • Logotipos de clientes
    • Depoimentos com resultados específicos
    • Estatísticas de uso
    • Prêmios, certificações, avaliações

  7. Objetivo do CTA

    • Que ação os visitantes devem realizar? (iniciar teste gratuito, agendar demonstração, inscrever-se, etc.)
    • Algum redutor de risco? (sem cartão de crédito, nível gratuito, garantia de reembolso)

Perguntas de Descoberta

Se faltarem informações, faça perguntas como:

  • "Que problema o [produto] resolve para seus usuários?"
  • "Quem é seu cliente ideal - qual é o cargo dele e o que ele está tentando realizar?"
  • "O que torna seu produto diferente das alternativas que eles possam considerar?"
  • "Quais são 3-5 recursos principais e qual resultado cada um entrega para o usuário?"
  • "Você tem algum depoimento de cliente, logotipos ou estatísticas de uso que possamos incluir?"
  • "Que ação você quer que os visitantes realizem - teste gratuito, demonstração ou outra coisa?"

Continue coletando informações até que você tenha o suficiente para escrever uma cópia convincente e específica.

Princípios Fundamentais

  1. Fale com uma pessoa - Use "você"/"seu" em todo o texto. Aborde pontos problemáticos individuais, não problemas da empresa. Apenas 27% dos títulos de SaaS usam "você"/"seu" - não cometa esse erro
  2. Benefícios sobre recursos - Sempre conecte recursos a resultados: "Notificações em tempo real → nunca perca uma atualização importante"
  3. Escreva de forma conversacional - Soe como se estivesse explicando para um amigo, não como um folheto corporativo
  4. Mostre, não apenas conte - Use capturas de tela do produto em vez de fotos de banco de imagens; demonstre alegações com detalhes específicos

Estrutura da Página Inicial

Siga esta ordem de seções para um fluxo de conversão ideal:

1. Seção Hero

  • Título: 5-8 palavras, orientado a benefícios, concreto (não hype vago)
    • Bom: "Organize os Projetos da Sua Equipe em Um Lugar Só"
    • Ruim: "Reinventando a Colaboração"
  • Subtítulo: Adicione especificidade - usuário-alvo, problema resolvido, resultado principal. Responda "O que é isso e por que devo me importar?"
  • Visual: Captura de tela do produto ou mockup (40% das páginas SaaS usam capturas de tela no hero). Algumas páginas não usam imagem no hero (25%) para manter o foco e o carregamento rápido
  • CTA Primário: Um único botão proeminente ("Iniciar Teste Gratuito", "Começar Agora")

2. Prova Social #1 (Logotipos)

  • 5-8 logotipos de clientes/parceiros reconhecíveis (não uma colagem lotada)
  • Foque em logotipos que seu público reconhece ou aos quais aspira
  • Legenda: "Confiado por mais de X equipes de [público-alvo]" ou "[Empresa] ajuda [setor] a alcançar [resultado]"
  • Pule esta seção se ainda não houver logotipos disponíveis

3. Seção de Problemas

  • Liste 3 pontos problemáticos que seu público enfrenta
  • Use linguagem visceral e emocional descrevendo frustração
  • Exemplo: "Gerenciar projetos por e-mail faz com que tarefas passem despercebidas"
  • Toque no impacto emocional: "É estressante manter tudo sob controle"
  • Objetivo: O leitor pensa "Sim, é exatamente esse o meu problema!"

4. Introdução da Solução

  • Transição breve conectando o produto às dores acima
  • 1-2 frases: "Conheça o [Produto] – uma [categoria] que [resolve dor específica]"
  • Mencione a categoria do produto para esclarecer o que é, mas molde em torno da resolução da dor
  • Mantenha impactante, não exagere

5. Detalhes da Solução (Recursos)

  • 3-5 capacidades principais, priorizadas por impacto (a mais atraente primeiro)
  • Lidere cada uma com um subtítulo orientado a resultados
  • Considere o contraste "jeito antigo vs novo": "Pare de fazer X manualmente – o ProdutoX automatiza isso"
  • Mantenha escaneável - blocos curtos, ícones/capturas de tela ao lado
  • Para produtos complexos: inclua vídeo explicativo curto, GIF ou animação
  • Informações mais profundas podem estar em páginas separadas ou FAQ - apenas atraia aqui

6. Prova Social #2 (Depoimentos)

  • Citações específicas e focadas em resultados: "Reduzimos os prazos dos projetos em 25%"
  • Inclua: nome completo, foto, cargo, empresa (citações anônimas carecem de credibilidade)
  • Especificidades reais > elogios genéricos
  • Citação: "Quando você diz, é marketing. Quando seu cliente diz, é prova social"
  • Pule esta seção se ainda não houver depoimentos disponíveis

7. Seção de Resultados (Opcional)

  • Resultados quantificados: "Aumento de 3x no volume de leads em 3 meses"
  • Use números realistas e específicos (evite "melhoria de 1000%")
  • Se não houver dados específicos de clientes, use agregados: "Mais de 5.000 tarefas concluídas a cada semana"
  • Pule se não houver dados significativos disponíveis

8. CTA Final

  • Reforce a proposta de valor na frase de encerramento: "Pronto para simplificar seu fluxo de trabalho?"
  • Único botão de CTA proeminente com texto de ação + benefício
  • Nota de redução de risco: "Sem cartão de crédito necessário" ou "Plano gratuito para sempre"

Adições Opcionais

  • Como funciona seção com visuais/diagramas
  • FAQ para abordar perguntas/objeções comuns

Diretrizes de Copywriting

Títulos

  • Diga o que o produto faz pelo usuário, não o que ele é
  • Foque nas necessidades e resultados do cliente, não na sua empresa

Tom

  • Conversacional, caloroso, humano - um diferencial em B2B
  • Evite jargões - use termos que seu público realmente usa

Legibilidade

  • Frases e parágrafos curtos (2-3 frases cada)
  • Divida com subtítulos, marcadores, ícones
  • Visitantes folheiam - mensagens-chave, benefícios e CTAs devem se destacar rapidamente
  • Clareza supera inteligência

Gatilhos Emocionais

  • Reconheça a frustração nas seções de problemas: "Prazos perdidos são estressantes e podem fazer sua equipe se sentir derrotada"
  • Pinte resultados positivos: alívio, confiança, paz de espírito
  • Use palavras de poder: "sem esforço", "livre de frustrações", "seguro", "encantador"
  • Decisões de compra são impulsionadas pelo sentimento, depois justificadas pela lógica

Alegações

  • Faça promessas razoáveis que você possa cumprir
  • "Obtenha resultados em dias, não semanas" > "Triplique sua receita garantido"
  • Alegações exageradas saem pela culatra - os usuários não confiarão nelas ou ficarão desapontados

Sinais de Confiança (Além de Logotipos/Depoimentos)

Inclua se disponível:

  • Estatísticas de uso: "100.000 usuários" ou "20 milhões de arquivos sincronizados"
  • Avaliações de sites de review: Distintivos do G2, Trustpilot, Capterra com classificações por estrelas
  • Prêmios/reconhecimentos: Prêmios do setor, listas "Melhores do"
  • Distintivos de segurança: Certificado SOC2, em conformidade com a LGPD (se lidar com dados confidenciais)

Princípios de Design

  • Minimize distrações: 91% das páginas de destino SaaS bem-sucedidas não têm navegação superior; 73% têm um único CTA primário
  • Mobile-first: A maioria das visitas é mobile - garanta que os CTAs sejam proeminentes em telas pequenas
  • Velocidade importa: Comprima imagens, minimize scripts - cada segundo de atraso custa conversões
  • Hierarquia visual: Guie o olho pela narrativa - títulos maiores, seções fluem logicamente, CTA se destaca
  • Espaço em branco: Layouts limpos e sem desordem tornam o conteúdo acessível
  • Estética consistente: Cores da marca, fontes legíveis, espaçamento lógico; CTA em cor contrastante que se destaca
  • Visuais autênticos: Capturas de tela do produto, diagramas - evite fotos de banco de imagens clichês

Práticas Recomendadas de CTA

  • Texto de ação + benefício: "Iniciar Meu Teste Gratuito", "Agendar uma Demonstração", "Começar Agora – É Grátis"
  • Cor contrastante que se destaca
  • Se um CTA secundário for necessário (por exemplo, "Assistir a uma Demonstração em Vídeo"), torne-o menos proeminente
  • Repita o CTA primário no final da página
  • Um objetivo por página - CTAs iguais e múltiplos confundem os visitantes

Habilidades Relacionadas

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community