Extensão de Chrome para IA de código

Sites feitos com IA. Sem cara de IA.

Aponte a extensão para qualquer site que você admira. Ela mede o design inteiro (cores, tipografia, espaçamento, movimento) e monta a pasta final, pronta para o Claude Code ou o Codex usarem como ponto de partida do projeto. O resultado tem cara de agência, não de template.

Quero fazer sites assim
Funciona com
Claude Code Codex Cursor Antigravity VS Code
Copie a direção, não o site• A IA monta, você controla• Nada de template• No ar no mesmo dia• Sem chave de API• Use a IA que você já paga•
Feito com a extensão

Três páginas reais. E o tempo que cada uma levou.

Abra cada uma, veja as referências que entraram, de onde veio o texto e quantos prompts foram até a versão final. Sem número inventado.

Prévia da página Ciclos de Pausa
Referências
Texto
Site original
Execução
VS CodeCodex
Case 01 · Site institucional

Ciclos de Pausa

Duas referências de Webflow viraram um site institucional calmo, com o conteúdo que o projeto já tinha. Nenhuma linha escrita do zero.

20 minde produção
4prompts até a versão atual
Prévia da página Comunidade GG
Referências
Texto
Site original
Execução
VS CodeClaude
Case 02 · Página de vendas

Comunidade GG

Uma oferta gigante de nutrição reorganizada em uma página de vendas direta e visual. Quinze minutos, três prompts.

15 minde produção
3prompts até a versão atual
Prévia da página HTMLmentor Extract
Referências
Texto
HTMLmentor Extract
Execução
VS CodeCodex
Case 03 · Página de vendas

HTMLmentor Extract

A página da própria extensão, montada com decisões visuais de três sites diferentes. Nenhum deles parece com o resultado.

9 minde produção
1prompt até a versão atual
Criar meu primeiro site Acesso imediato · Chrome e Edge
Você já tentou sozinho

Você já pediu pro Claude ou pro Codex fazerem um site. E já viu no que deu.

A tela em branco

Você não sabe como começar o projeto e acaba sempre no mesmo prompt genérico.

O tal do AI slop

Aí vem o gradiente roxo e o grid de três cards feios. Um resultado que qualquer um faz com IA, e todo mundo percebe.

Skill demais na cabeça

Você testa uma skill nova toda semana, mas as páginas continuam sem personalidade e com aquele cheiro de IA.

O portfólio genérico

Na hora de entregar, o portfólio só tem projeto genérico. Aí você é obrigado a cobrar barato.

Antes de gerar a próxima página genérica

O Codex e o Claude não inventam o que nunca viram.

Só com o link

A IA lê texto e estrutura de página. Sem estilo computado, sem escala tipográfica, sem esqueleto de seção. Ela inventa a proporção, e inventa texto de preenchimento onde o seu não encaixa.

Só com um print

Melhor: agora ela vê a referência. Mas um print é um quadro só, sem breakpoint, sem tipografia extraída, sem movimento. A cópia continua sem tamanho definido, e a IA segue decidindo sozinha onde cada frase cabe.

Com o HTMLmentor Extract

A extensão mede a referência nos 3 breakpoints e escreve o esqueleto de cada seção: quantos blocos, de que tamanho, em que ordem. A sua cópia já chega cortada e distribuída no tamanho certo para cada bloco, antes da IA escrever a primeira linha. Cada seção medida, não adivinhada.

O que sai da referênciaExtraído
Container1140px
Raio8px
Seção96 / 64
Escala1.25
Da referência à página no ar

Três passos. Um site pronto pra vender.

Você escolhe a referência e o texto. A extensão monta a pasta final. O Claude Code ou o Codex parte dali para construir. Não precisa dominar design, código e SEO antes de começar.

Passo 1 de 3

Abra um site e clique em extrair.

Em segundos a extensão mede cores, fontes, espaçamentos, seções, responsividade e animações. A direção visual inteira sai documentada, sem você precisar saber o nome de nada disso.

O que sai da referênciaExtraído
TemaClaro
Seções12 mapeadas
Breakpoints3 faixas
MovimentoGSAP local
Passo 2 de 3

Diga o que a página precisa falar.

Cole um documento, aproveite o site antigo do cliente ou responda ao questionário. A ferramenta ajusta o texto ao tamanho do layout. Nada de headline estourando o card no celular.

Escolha de onde vem o texto3 opções
De onde vem o texto
DOC
DocumentoCole o seu texto
URL
Site antigoReaproveite o que já existe
?
QuestionárioResponda e gere
HTMLmentor organiza para o layout
Texto da nova páginaNo tamanho certo
Hero · headline curta
Benefícios · 3 blocos
CTA · direto
Passo 3 de 3

Abra a pasta no Claude Code ou Codex.

Manda ler e executar o STARTER.md. A IA monta, revisa e devolve a página pronta para você editar e publicar. Um comando, não trinta prompts.

A IA parte da pasta finalPágina pronta
›Leia e execute o STARTER.md
Texto alinhado ao layout
Responsividade validada
Página pronta para editar
O que sai da extensão

O que aparece na sua pasta depois de um clique.

É isso que a IA de código lê antes de escrever a primeira linha. Sem essas decisões prontas, ela inventa as dela.

Direção visual medida

Cores, tipografia, escala de texto e espaçamento do site que você escolheu, anotados em número. Não em "estilo moderno e clean".

O mapa das seções

Quantas seções a referência tem, em que ordem aparecem e a proporção de cada uma. O esqueleto da página antes de existir código.

Responsividade e movimento

Como a página se comporta no celular e o que acontece no scroll, descrito para a IA reproduzir sem chutar.

Seu texto, já dimensionado

O conteúdo fatiado por seção, com limite de tamanho por bloco, para nada estourar card, headline ou botão.

O STARTER.md pronto

O arquivo que a IA lê primeiro. Um comando no Codex ou no Claude Code e ela começa a construir a partir dali.

A pasta final

Tudo junto em um diretório que você abre no editor e entrega para a IA. Continua seu, editável, sem plataforma no meio do caminho.

Três passos para gerar isso. Uma tarde para ter a página no ar.

Quero rodar esse processo
O Extractor faz a diferença

Uma tarde de trabalho, não duas semanas.

Poupe horas de trabalho manual e crie uma página profissional desde o primeiro prompt.

Entregue no mesmo dia

Da referência ao site no ar em uma tarde. Dá para fechar e entregar no mesmo fim de semana.

Misture referências

Layout de um site, tipografia de outro, movimento de um terceiro. Sai uma síntese, não uma cópia.

Texto no tamanho certo

Nada de headline quebrando em quatro linhas nem card com o dobro de texto do vizinho.

Edite do seu jeito

Mexa no código, no editor visual ou peça o ajuste para a IA. A base é sua, não fica presa em plataforma nenhuma.

Use a IA que já paga

Roda no Claude Code ou no Codex que você já assina. Sem chave de API, sem crédito por uso, sem limite da extensão.

Publique sem medo

HTML limpo, estrutura semântica e responsividade revisada. Nada de site quebrando no celular do cliente.

E antes que você entenda errado

A proposta não é copiar. É combinar referências.

Você escolhe de onde vem cada camada. A ferramenta organiza as decisões e mantém o seu texto, as suas imagens e o objetivo do projeto no centro.

Layout e ritmo

Ordem das seções, proporção, respiro entre blocos e o que aparece primeiro.

Tipografia e movimento

Tamanho dos textos, transições e como as coisas entram na tela no scroll.

Texto, imagens e objetivo

O conteúdo é seu. A referência dá a forma, nunca a marca nem o que a página fala.

Síntese final

Uma página com direção própria.

As referências deixam de ser modelo para copiar e viram decisões que você controla e sabe explicar para o cliente.

  • Combina sem clonar
  • Preserva seu conteúdo
  • Continua totalmente editável
Antes de comprar

Isso é para você?

Antes de comprar, veja se a extensão vai servir para você.

É para você se
  • Você quer montar site para negócio local, tipo barbearia, academia, estúdio ou restaurante, e precisa de um resultado que justifique o orçamento.
  • Você já usa Codex, Claude Code, Cursor ou Antigravity e cansou de receber sempre a mesma página genérica de volta.
  • Você não é designer, mas sabe reconhecer quando um site é bonito e quer chegar nesse nível sem passar dois anos estudando.
  • Você precisa de portfólio agora e não tem cliente pagando para praticar.
Não é para você se
  • Você quer um botão que cospe o site pronto sem você olhar, decidir nem revisar nada.
  • Você não tem nem pretende ter acesso a uma IA de código como Claude Code, Codex, Cursor ou Antigravity. A extensão prepara o trabalho, mas quem executa é ela.
  • Você procura um curso de programação do zero. Aqui é ferramenta de produção, não aula.
  • Você quer clonar o site de alguém e vender como se fosse seu. A extensão mede direção visual, não rouba conteúdo nem marca.
Essa ferramenta já foi validada

Não é teoria. Já está rodando.

10+

Projetos entregues a clientes diferentes, todos nascidos da extração de referências com a ferramenta.

200h+

Horas que eu deixei de gastar com pesquisa, refinamento, prompt e desenho no Figma.

5

Etapas em um lugar só: referência, direção visual, texto, código e publicação.

Tirando o elefante da sala “Vai ficar com cara de IA”

Não nasce de um prompt genérico. Nasce de uma direção visual real, medida de um site que já funciona lá fora.

Você não precisa ser especialista Um processo complicado virou uma pasta simples.

A extensão prepara o contexto. Claude Code ou Codex constrói. A pasta final já diz o que fazer e o que você precisa conferir no fim.

Criado por um desenvolvedor Eduardo Sant, dev web há 3 anos.

A extensão nasceu do método que eu desenvolvi ao longo de dezenas de projetos. Todo o trabalho artesanal de criar uma landing page resumido ao clique de um botão.

Eduardo Sant, criador do HTMLmentor Extract
Antes de ver o preço

Uma ferramenta de R$97 para começar a cobrar por um trabalho que vale muito mais.

R$500 a R$1.500 é o que dá pra cobrar já no primeiro projeto, no mesmo padrão que essa extensão entrega numa tarde. Não é o teto: é o ponto de partida de quem tá começando agora. A partir daí, quem define o preço do próximo projeto é você.

R$500–1.500

Faixa inicial: o que já dá pra cobrar no primeiro projeto entregue.

R$97

O preço da ferramenta. Projetos ilimitados, um ano de acesso.

Só o primeiro projeto já paga a ferramenta várias vezes. Todo projeto depois disso é lucro que ontem não existia, com um teto que só depende de você.

Preço de lançamento

Um ano de acesso. Projetos ilimitados.

Pagamento único, acesso imediato e um ano de atualizações. Sem mensalidade, sem crédito por uso, sem limite de projeto.

O que você recebe

Uma ferramenta para ir da referência à página no ar.

A extensão mede a referência, organiza o seu texto e monta a pasta final, pronta para o Codex, o Claude Code, o Cursor ou o Antigravity usarem como ponto de partida. Você não precisa saber programar para usar.

Ferramenta

HTMLmentor Extract

A extensão que mede o site aberto na sua tela e monta a pasta final para a IA de código construir a partir dela.

  • Direção criativa por seção
  • Texto ajustado ao layout
  • Pasta final pronta para Codex, Claude Code, Cursor ou Antigravity
  • Animações e responsividade documentadas
  • Atualizações incluídas por 1 ano
Roda em Chrome Edge
Bônus

O que vem junto

Material de apoio para você sair do zero e não travar em nenhuma etapa do processo.

  • Guia passo a passo de configuração do ambiente para usar a extensão
  • Curso em texto, direto ao ponto: da extração à sua primeira página pronta
  • Biblioteca de referências curadas e sempre atualizada: sites, assets, botões, efeitos, cursores e tipografias
  • Cofre de prompts para otimizar a sua página
  • Acesso ao LP Check, a extensão que revisa a qualidade da sua página
  • Aula de SEO, tags e analytics para colocar o site no Google Em breve
  • Aula de hospedagem: colocando a sua página no ar Em breve
Oferta de lançamento
Pagamento único R$ 97

Uma tarde do seu trabalho custa mais que isso. Preço de lançamento: quando o lançamento fechar, o valor sobe.

Extensão completa, bônus e um ano de atualizações. Paga uma vez, usa em quantos projetos quiser.

Garantir meu acesso

Acesso enviado por e-mail pela Kiwify.

Selo de 7 dias de garantia
O risco é meu

Você tem 7 dias para decidir.

Instale, extraia um site que você admira e rode o processo inteiro. Se não for o que você esperava, peça o reembolso em até 7 dias. Sem precisar explicar o motivo. Nenhum pedido de reembolso desde o lançamento.

Experimentar sem risco
Antes de começar

O que todo mundo pergunta antes de comprar.

Se a sua dúvida não estiver aqui, provavelmente a resposta é: teste e use os 7 dias de garantia.

Preciso saber programar?

Não. A extensão deixa a pasta final montada. Você abre no Codex, Claude Code, Cursor ou Antigravity, manda construir e a IA escreve o código. A aula de configuração de ambiente vem junto na compra e mostra esse caminho do começo ao fim.

Nunca fiz um site na vida. Dá para começar por aqui?

Dá, desde que você aceite mexer em pasta, terminal e editor de código. Nada muito além disso. O que a extensão elimina é a parte de decisão visual, que costuma ser onde iniciante trava. E o tutorial completo, que vem junto, leva você da primeira extração até a página pronta.

Posso usar em site de cliente e cobrar por isso?

Pode. A licença é sua e o que sai da extensão é seu projeto. Você define quanto cobra, como entrega e onde publica. A extensão não aparece no resultado final nem exige crédito.

Isso não é só copiar sites?

Não. O que é medido é direção visual: proporção, escala de texto, espaçamento, ritmo. Você combina camadas de referências diferentes e usa o seu próprio texto e as suas imagens. Conteúdo, logo e marca da referência não vão junto. É justamente a mistura que faz o resultado não parecer nenhum dos originais.

Qual IA eu preciso ter?

Claude Code, Codex, Cursor ou Antigravity. A extensão prepara a pasta final e a IA de código constrói a partir dela. Não precisa de chave de API, crédito avulso nem assinatura extra além da que você já usa.

A página não fica com cara de IA?

É exatamente o problema que a ferramenta resolve. Cara de IA aparece quando a IA precisa inventar a direção visual sozinha. Aqui ela recebe a direção pronta, medida de um site que já funciona, e o texto já dimensionado para o layout. Ela executa em vez de chutar.

Funciona em qualquer navegador?

Chrome e Edge. A medição da página e a montagem da pasta final dependem de recursos que só esses navegadores oferecem hoje.

Ela sai pronta para publicar e aparecer no Google?

A pasta final já exige estrutura semântica, metadados de SEO, responsividade e revisão técnica. A parte que continua com você é conectar domínio, hospedagem e as ferramentas de busca. Para isso vêm junto a aula de SEO, tags e analytics, e a de hospedagem, que entra em breve.

Como recebo o acesso?

A compra é processada pela Kiwify. Assim que confirma, você recebe por e-mail o acesso à extensão, aos bônus e as instruções de instalação.

Dúvida respondida? O próximo passo é escolher o primeiro site para extrair.

Garantir minha extensão
O ponto de partida já existe

Seu primeiro site pode ficar pronto hoje.

Escolha um site que você admira, extraia a direção e deixe a IA montar.

Começar agora por R$ 97
Página

Role para ver a página inteira