Communitygithub.com

landing-eec

Gera uma landing page de oferta específica para uma marca e público-alvo como um artefato React implementável. Suporta vários modos de enquadramento — desafio, curso, sprint, bootcamp, workshop — com a mesma arquitetura de conversão.

O que é landing-eec?

Esta skill cria landing pages de oferta completas e prontas para apresentação, geradas como artefatos React (.jsx). Ela aceita um perfil de marca, inteligência de público ou apenas uma URL e preenche todos os tokens do template com cópia real e específica para a marca e o público. A skill suporta cinco modos de enquadramento (desafio, curso, sprint, bootcamp, workshop), cada um com seu próprio vocabulário e regras de cópia. O fluxo de trabalho é dividido em fases: seleção do modo de enquadramento, coleta de contexto de marca e público, mapeamento de sinais para tokens do template, escrita da cópia, montagem da página React e apresentação final com um resumo. É útil para qualquer pessoa precise ver rapidamente como uma página de oferta finalizada se parece, eliminando a necessidade de escrever a cópia manualmente.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/rodney-hu/skills/tree/HEAD/skills/landing-eec

Perguntar na sua IA favorita

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

Documentação

Gerador de Landing Page EEC / Oferta

Produz uma landing page de oferta específica para uma marca e público-alvo como um artefato React .jsx implementável. Suporta cinco modos de enquadramento — desafio, curso, sprint, bootcamp, workshop — com arquitetura de conversão idêntica. Todos os tokens do template são substituídos por cópia real derivada da identidade da marca, oferta e inteligência de público.


Contrato de Entrada

# Um destes modos de entrada é obrigatório:

modo_1_completo:
  perfil_marca: string         # Saída da skill brand-intelligence
  inteligencia_publico: string # Saída da skill audience-intelligence

modo_2_apenas_marca:
  perfil_marca: string         # Saída da skill brand-intelligence

modo_3_apenas_url:
  url: string                   # Qualquer URL HTTPS
  nome_marca: string | null     # Opcional. Extraído automaticamente se ausente.

# Substituições opcionais para qualquer modo:
contexto_oferta: string | null    # Título ou resumo específico da oferta, se conhecido
enquadramento: desafio | curso | sprint | bootcamp | workshop | null
  # Se nulo ou não especificado, o enquadramento é detectado automaticamente na Fase 0

Ordem de prioridade: Perfis completos → apenas marca → apenas URL. Se os perfis existirem na conversa, use-os em vez de extrair novamente.


Fluxo de Trabalho

Fase 0 — Selecionar Modo de Enquadramento

Carregue references/framing-modes.md primeiro. Ele contém todas as tabelas de vocabulário e regras de detecção.

Se o enquadramento for explicitamente especificado na solicitação → use-o. Pule a detecção.

Se não for especificado, infira a partir dos sinais da marca:

Sinal da MarcaModo Inferido
Transformação, criação de hábito, conteúdo orientado pela comunidadedesafio
Currículo, expertise em primeiro lugar, credenciais, conhecimento B2Bcurso
Público de operadores/construtores, linguagem de velocidade, vitórias rápidassprint
Alto valor, intensivo, tom "sem desculpas"bootcamp
Feito-com-você, criativo, praticante, baseado em habilidadesworkshop

Padrão se ainda estiver incerto: desafio

Registre o enquadramento selecionado. Cada decisão de cópia na Fase 3 extrai vocabulário da tabela desse modo em references/framing-modes.md.


Fase 1 — Coletar Contexto de Marca + Público

Perfil de Marca + Inteligência de Público ambos presentes: Pule a extração. Use-os diretamente. Prossiga para a Fase 2.

Apenas Perfil de Marca: Infira sinais de público a partir de amostras de voz, pilares de conteúdo e estratégia de CTA. Sinalize campos inferidos com (inferido).

Apenas URL: Execute extração leve:

  1. web_fetch a URL — página inicial + página 'sobre' se acessível
  2. Pesquise na web "[nome da marca] [nicho] público-alvo" e "[nome da marca] oferta"
  3. Extraia campos mínimos obrigatórios
  4. Prossiga para a Fase 2

Carregue references/token-mapping.md antes da Fase 2.


Fase 2 — Mapear Sinais para Tokens do Template

Popule o mapa de tokens. Cada token obrigatório deve ter um valor antes da Fase 3.

Tokens obrigatórios:

  • NOME_OFERTA
  • NUMERO (sempre 5)
  • TOPICO_ATIVIDADE
  • RESULTADO_TANGIVEL_1/2/3
  • FRUSTRACAO_COMUM
  • TITULO_DIA_1–5
  • CHAMADA_DIA_1–5
  • NOME_REMETENTE, SOBRENOME_REMETENTE, CARGO_REMETENTE
  • BIO_REMETENTE

Tokens opcionais (degradam graciosamente):

  • NUMERO_INSCRITOS
  • PUBLICO_ESPECIFICO
  • DEPOIMENTO_* (deixe espaço reservado se nenhum estiver disponível)

Definições completas de tokens e mapeamento sinal-para-token: references/token-mapping.md


Fase 3 — Escrever a Cópia

Usando a tabela de vocabulário do modo de enquadramento selecionado de references/framing-modes.md, escreva toda a cópia.

Regras completas de cópia por modo de enquadramento: references/copy-principles.md

Nomeação da oferta: A palavra de enquadramento (Desafio / Curso / Sprint / Bootcamp / Workshop) aparece na barra superior e no sobrancelha — não necessariamente no título da oferta em si. Nomeie a oferta pela sua transformação.

  • Bom: "O Sprint Conserta Pipeline"
  • Bom: "O Curso de Sequência de E-mail de 5 Dias"
  • Evite: "O Sprint GTM Stack", "O Curso de Marketing por E-mail"

Título: Puxe o padrão da tabela de vocabulário do modo selecionado.

Subtítulo: Use a abertura do modo como ponto de partida. Preencha três resultados seguindo o arco: clareza → ativo/sistema → confiança.

Títulos dos dias: Orientados para a ação em todos os modos. A escolha do verbo se adapta ao modo (veja Variantes de Rótulo do Dia em references/framing-modes.md), mas todos os títulos descrevem o que o participante faz, não o que ele aprende.

Estado de sucesso: Use o título de sucesso e subtítulo de sucesso exatos do modo em references/framing-modes.md. Não improvise.


Fase 4 — Montar a Página

  1. Carregue assets/template.jsx como base
  2. Substitua o objeto CONTENT por todos os tokens preenchidos, usando strings específicas do modo para:
    • hero.sobrancelha
    • ctaPrimario.rotuloBotao e microcopia
    • oQueEsperar.rotulo e oQueEsperar.introducao
    • provaSocial.rotulo
    • autor.rotulo
    • ctaSecundario.rotulo, ctaSecundario.apoio, ctaSecundario.rotuloBotao
    • array sinaisConfianca
    • Strings de estado de sucesso no componente CtaForm (edite o JSX diretamente)
    • String de rótulo da barra superior no JSX
  3. Aplique substituições de cor da marca se valores hexadecimais estiverem no Perfil de Marca
    • --gold → destaque primário da marca (quente, alto contraste)
    • --bg → fundo da marca (mantenha escuro a menos que a marca seja explicitamente clara)
    • Tema claro: veja tabela de troca de cores em references/token-mapping.md
  4. Atualize autor.iniciais para as iniciais reais
  5. Arquivo de saída: /mnt/user-data/outputs/[slug-marca]-[modo]-page.jsx
  6. Apresente o arquivo ao usuário

Fase 5 — Apresentar + Resumo

Marca: [nome]
Enquadramento: [modo] — [motivo em uma linha se detectado automaticamente]
Público: [ICA em uma linha]
Nome da oferta: [título]
Arco de transformação: [dor] → [resultado]
Tokens inferidos: [lista ou "nenhum"]
Próximo passo: [o que precisa ser feito antes de ir ao ar]

Árvore de Decisão

Entrada recebida
│
├── Enquadramento especificado?
│   ├── SIM → use-o
│   └── NÃO → detectar a partir de sinais da marca → padrão: desafio
│
├── Perfil de Marca + Intel de Público no contexto?
│   └── SIM → Fase 2
│
├── Apenas Perfil de Marca?
│   └── SIM → inferir público → Fase 2
│
└── Apenas URL?
    └── SIM → web_fetch + pesquisa → Fase 2

Padrões de Qualidade

Antes de gerar o arquivo final, verifique:

  • Nenhum token {{PLACEHOLDER}} permanece em campos obrigatórios
  • O modo de enquadramento é consistente em todo o texto — sem mistura de vocabulário entre modos
  • Títulos dos dias são orientados para a ação (verbo em primeiro lugar, quando possível)
  • Subtítulo usa linguagem de resultado, não linguagem de aprendizado
  • Rótulo do botão CTA corresponde ao modo selecionado
  • Estado de sucesso corresponde exatamente ao modo selecionado
  • Rótulo da barra superior corresponde ao modo selecionado
  • Iniciais do autor correspondem ao nome real do remetente
  • Arquivo nomeado [slug-marca]-[modo]-page.jsx

Arquivos de Referência

ArquivoQuando Carregar
references/framing-modes.mdFase 0 — carregue primeiro
references/token-mapping.mdAntes da Fase 2
references/copy-principles.mdAntes da Fase 3
assets/template.jsxFase 4 — arquivo base

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Habilidades Relacionadas