Todas as skills
Landing page

Modelar Página

URL de uma oferta vira uma landing Next.js própria, modelada numa estrutura que já converte — com os prompts das imagens prontos.

Baixar modelar-pagina.zip
> modela essa oferta pra uma página nova
Como funcionadeslize →
Entrada

A URL da oferta de referência (+ nome do produto e nicho, se não estiverem na página).

01

Scraping

oferta-scraped.json
02

Mapeamento

mapa da oferta
03

Paráfrase da copy

copy nova por seção
04

Prompts de imagem

prompts-imagens.html
05

Scaffold do projeto

projeto pagina-de-vendas/
06

Ajustes finos

LP pronta pras imagens
07

Entrega

LP + checklist de lançamento
Saída

Projeto Next.js pronto + prompts-imagens.html + checklist de lançamento.

O que faz

Você passa a URL de uma página de vendas. A skill extrai a estrutura via Playwright, parafraseia toda a copy (preservando número, nicho e preço; mudando frase, verbo e tom) e monta uma landing Next.js original em cima de uma estrutura de 13 seções que já roda — Hero, prova, quebra de objeção, pricing com backredirect, garantia e FAQ. De brinde, gera um HTML com os prompts de todas as imagens, já mapeados pros paths certos do projeto, pra você mandar no ChatGPT.

Entra

A URL da oferta de referência (+ nome do produto e nicho, se não estiverem na página).

Sai

Projeto Next.js pronto + prompts-imagens.html + checklist de lançamento.

Exemplos completos

O que sai da máquina, no formato real.

pagina-de-vendas · oferta real no ara página inteira, em 3 colunas
Demonstração real: uma oferta completa montada nessa estrutura — countdown, hero com carrossel, blocos de dor, o que recebe, look inside, objeções, pricing, garantia, FAQ e fechamento
LandingPage.tsx13 seções
  1. 01Countdown fixo
  2. 02Hero + carrossel
  3. 03Bloco emocional
  4. 04Pra quem é
  5. 05O que você recebe
  6. 06Resultados
  7. 07Quebra de objeção
  8. 08Pricing + backredirect
  9. 09Garantia
  10. 10Prova final
  11. 11FAQ
  12. 12Fechamento
  13. 13Rodapé
prompts-imagens.htmlartefato real da skill
prompts-imagens.html: um card por imagem da oferta, com o path do projeto e o prompt pronto pra colar no ChatGPT
globals.css · @themepaletas
tema verde
tema dourado
13seções validadas na estrutura da página
15+2prompts de imagem mapeados pros paths certos
1–2degraus de backredirect no exit-intent
UTMforwarding automático pra todo checkout
Passo a passo

Como ela trabalha, da entrada ao arquivo pronto.

  1. 01

    Scraping

    oferta-scraped.json

    Playwright abre a página de referência e extrai headline, itens do pack, bônus, preços, números sociais e FAQ.

  2. 02

    Mapeamento

    mapa da oferta

    Lê o scrape e monta o mapa: produto, nicho, seções, quantidade de bônus, degraus de preço e a paleta de cor.

  3. 03

    Paráfrase da copy

    copy nova por seção

    Reescreve toda a copy seção por seção: preserva números, nicho e preços; muda estrutura, verbos e tom; garante que fica diferente do original.

  4. 04

    Prompts de imagem

    prompts-imagens.html

    Gera um HTML com os prompts das 15+2 imagens da oferta, cada um já apontando pro path certo do projeto.

  5. 05

    Scaffold do projeto

    projeto pagina-de-vendas/

    Monta o projeto Next.js sobre a estrutura validada de 13 seções, com content.ts e config.ts preenchidos.

  6. 06

    Ajustes finos

    LP pronta pras imagens

    Backredirect de 1 ou 2 degraus (exit-intent), countdown com chave única por projeto, pixels como placeholder que só disparam com ID real.

  7. 07

    Entrega

    LP + checklist de lançamento

    Build limpo e um checklist do que falta antes do tráfego: checkout, pixels, provas sociais reais.

Resultados

O que você tem na mão no fim.

Entregáveis

  • Projeto Next.js pronto, com content e config preenchidos com a copy parafraseada
  • prompts-imagens.html com todos os prompts das imagens da oferta
  • Template da página validada (13 seções) como base
  • Checklist de lançamento pré-tráfego

Estrutura: Countdown → Hero → Bloco emocional → Pra quem é → O que recebe → Resultados → Objeções → Pricing → Garantia → Prova final → FAQ → Fechamento → Rodapé

Pixel guard: o script do Meta só dispara quando o ID não começa com "SEU_" — placeholder nunca vaza evento.

Preserva número, nicho e preço. Muda frase, verbo, tom. Diferente do original e de qualquer template anterior.

Requisitos

Node 18+Playwright (scraping)Next.js 16 + Tailwind 4sharp (WebP)gh / vercel opcionais pro deploy
Nota

Parafraseia, nunca copia verbatim. As provas sociais vêm como placeholder — troque por reais antes de subir (CDC art. 37).

Baixa a Modelar Página e testa hoje.

Extrai em ~/.claude/skills/ e chama no Claude Code. Sem cadastro.

Outras skills