A tela em branco
Você não sabe como começar o projeto e acaba sempre no mesmo prompt genérico.
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.
Funciona com
Claude Code
Codex
Cursor
Antigravity
VS Code
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•
Eu entendo a confusão
Todo mundo quer te ensinar a fazer site com IA. Ninguém te ajuda com o que trava de verdade.
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.
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
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.
Ordem das seções, proporção, respiro entre blocos e o que aparece primeiro.
Tamanho dos textos, transições e como as coisas entram na tela no scroll.
O conteúdo é seu. A referência dá a forma, nunca a marca nem o que a página fala.
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ê.
- 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.
- 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.
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.
Referências
Texto
Site original
Execução
VS CodeCodex
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
Referências
Texto
Site original
Execução
VS Code
Claude
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
Referências
Texto
HTMLmentor Extract
Execução
VS CodeCodex
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
Essa ferramenta já foi validada
Não é teoria. Já está rodando.
Projetos entregues a clientes diferentes, todos nascidos da extração de referências com a ferramenta.
Horas que eu deixei de gastar com pesquisa, refinamento, prompt e desenho no Figma.
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.
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
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.
- Aula de configuração do ambiente para usar a extensão
- Tutorial completo: 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
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.
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.
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
Com o Extract