Communitygithub.com

TheMattBerman/landing-page-factory

Normaliza um extrato bruto ou briefing manual em um artefato de estratégia de página: mecanismo, oferta, público, proveniência de provas, CTA, plano de preservação e sinalizadores de revisão. Obrigatório antes de copy ou build.

O que é landing-page-factory?

Esta skill, chamada "Page Strategy" (Estratégia de Página), atua como a camada operacional ausente entre a coleta de dados e a construção da página. Ela pega entradas como extratos de site ou briefings manuais e produz um artefato de estratégia estruturado (em markdown e JSON) que define decisões críticas: o mecanismo principal, a oferta, o público-alvo, as provas permitidas e proibidas, e o plano de preservação de elementos visuais e textuais. A utilidade principal é garantir que nenhuma página seja construída sem uma estratégia clara e documentada, evitando retrabalho e inconsistências. A skill é focada em engenharia de software e agentes de IA, suportando o ecossistema Claude Code. Ela funciona fornecendo um schema detalhado que o agente deve preencher, e inclui lógica de roteamento para diferentes tipos de página (produto físico, SaaS, geração de leads, nichos regulados), garantindo que a estrutura da página reflita as necessidades específicas de cada cenário. Também possui verificações de parada/continuação para evitar a criação de páginas com estratégias fracas ou incompletas.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/TheMattBerman/landing-page-factory/tree/HEAD/skills/page-strategy

Perguntar na sua IA favorita

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

Documentação

Estratégia de Página

Esta é a camada operacional que estava faltando.

site-extract coleta fatos. page-strategy decide o que deve ser preservado, o que pode mudar, quais provas são seguras de usar e qual tipo de página deve ser construído.

Sem artefato de estratégia, sem página.

Entradas

Obrigatórias:

  • workspace/brand/extract.md ou briefing manual

Opcionais:

  • capturas de tela de origem
  • imagens do produto
  • perfil de marca existente
  • notas do operador sobre o objetivo da página

Saída obrigatória

Escreva ambos:

  • workspace/pages/[page-name]/strategy.md
  • workspace/pages/[page-name]/strategy.json

Schema da estratégia

# Estratégia de Página: [page-name]
Marca:
Tipo de página:
Construída:
Confiança:

## 1. Decisão central
- Produto / serviço:
- Oferta:
- Público:
- Estágio de conscientização:
- Ação do CTA:
- Destino do CTA:
- Objetivo de conversão:

## 2. Mapa do mecanismo
- Trabalho principal do comprador:
- Dor principal:
- Alternativas fracassadas:
- Mecanismo único:
- Por que o mecanismo funciona:
- O que deve ser mostrado visualmente:
- O que deve ser explicado verbalmente:

## 3. Controle de alegações
### Alegações permitidas
- [alegação] — classe de proveniência

### Alegações proibidas
- [alegação]

### Alegações que exigem prova próxima
- [alegação]

## 4. Plano de provas
| Item de prova | Classe | Proveniência | Onde deve aparecer | Enviável? |
|---|---|---|---|---|

## 5. Plano de preservação
### Sinais de confiança a preservar
- 

### Convenções visuais a preservar
- 

### Linguagem a preservar
- frases exatas
- termos de categoria que os compradores esperam
- diferenciais na redação da origem

### Desvios permitidos
- o que pode ser melhorado com segurança

## 6. Roteamento da página
- Tipo de página recomendado:
- Estrutura do hero:
- Estrutura de provas:
- Estratégia de CTA:
- Estratégia de objeções:
- Seções obrigatórias:
- Seções opcionais:

## 7. Requisitos visuais
- Classe de preservação visual: produto exato / ambiente com marca / suporte conceitual
- Tratamento de capturas de tela: obrigatório / opcional / proibido
- Necessidade de fidelidade da embalagem? sim/não
- Necessidade de fidelidade da IU? sim/não
- Necessidade de fidelidade da silhueta do produto? sim/não

## 8. Sinalizadores de revisão
- alegações sensíveis à conformidade
- provas fracas
- destino do CTA ausente
- lacunas de ativos visuais
- qualquer aprovação humana necessária

Lógica de roteamento

Use estes ramos, não intuições.

Produto físico

Use a rota liderada pelo produto quando:

  • o produto é visível e diferenciado
  • o formato do objeto ou os materiais importam
  • o mecanismo pode ser encenado visualmente

O hero deve incluir:

  • clareza do objeto
  • dica do mecanismo
  • bloco de oferta
  • sinal de confiança acima da dobra

SaaS / aplicativo

Use a rota liderada por capturas de tela quando:

  • a IU é central para a confiança ou compreensão
  • a alegação depende da visibilidade do fluxo de trabalho

O hero deve incluir:

  • comportamento real ou preservado da captura de tela
  • manchete de resultado
  • sinal de confiança
  • CTA

Geração de leads / serviço

Use a rota de atrito gerenciado quando:

  • o objetivo do usuário é agendamento, preenchimento de formulário ou consulta

Acima da dobra deve incluir:

  • destino claro do CTA
  • redutor de atrito
  • sinal de autoridade

Nicho regulado / sensível

Use a rota limitada por conformidade quando:

  • alegações de saúde, suplementos, finanças, jurídico ou de alto risco aparecem

Regras:

  • remova alegações sem suporte
  • reduza a linguagem de certeza
  • levante sinalizador de revisão

Lógica de parada / continuação

Pare se:

  • o mecanismo único estiver em branco
  • a ação do CTA não estiver definida
  • a prova de origem for muito fraca para as alegações propostas

Continue com degradação se:

  • a prova for parcial, mas suficiente para uma página mais suave
  • os visuais estiverem incompletos, mas puderem ser tratados com gráficos de suporte neutros

Transferência

Ordem downstream:

  • /brand-profile
  • /page-copy
  • /page-visuals
  • /page-build

Cada skill downstream deve ler strategy.json primeiro, depois outros artefatos.

Individual skills in this repo

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

TheMattBerman/landing-page-factory

Build an evidence-backed brand profile from site extract and page strategy. Separates observed facts from synthesis so downstream skills preserve the brand instead of rewriting it.

TheMattBerman/landing-page-factory

Top-level operator skill for Landing Page Factory. Classifies requests, chooses stage order, enforces prerequisites and hard stops, manages variant pages, reruns changed stages, and handles page-package admin.

TheMattBerman/landing-page-factory

Build a deployable landing page from strategy, copy, visuals, and brand profile using category-aware routing, preservation hierarchy, and explicit QA. Single-file HTML output.

TheMattBerman/landing-page-factory

Write mechanism-preserving, proof-disciplined landing page copy from strategy, brand profile, and extract language bank. Includes mandatory sharpness audit and claim control.

TheMattBerman/landing-page-factory

Final landing-page QA pass against strategy, proof provenance, mechanism clarity, trust preservation, accessibility, and anti-slop. Gates whether a page is shippable or draft-only.

TheMattBerman/landing-page-factory

Plan and generate visuals by preservation class: exact product, branded environment, or concept support. Uses strategy-driven shot selection and visual QA instead of generic vibe prompting.

TheMattBerman/landing-page-factory

Extract operator-grade source facts from a website or manual brief: claims, proof, CTAs, mechanism language, trust cues, visual patterns, and page structure with provenance. First stage of Page Factory.

Habilidades Relacionadas