Ciclos de Pausa
Referências combinadas: Andfold, Healia, WBS
Aponte a extensão para qualquer site que você admira. Ela mede o design inteiro e monta a pasta final, pronta para o Claude Code ou o Codex usarem como ponto de partida do projeto.
Funciona com a IA de código que você já paga
Você reconhece um site bonito quando vê. O problema aparece na hora de descrever ele: qual o tamanho exato do título, quanto respiro entre as seções, qual o ritmo da página.
Sem isso, a IA preenche o vazio com o que ela já viu mil vezes. Gradiente roxo, grid de três cards feios, o mesmo site que todo mundo entrega. É o tal do AI slop, e ele não vem de falta de modelo bom. Vem de falta de direção.
O HTMLmentor Extract mede a direção visual de um site que já funciona e devolve ela documentada, em números. A IA constrói. Você dirige.
Você prompta no escuro
Você dirige a direção
Feito com a extensão
Referências combinadas: Andfold, Healia, WBS
Referências combinadas: Reels, WBS
Referências combinadas: Augment, MBA Creator College, Ovo, Pretty
Barbearia, academia, estúdio e restaurante
A direção não vem de um site só. Vem de camadas de referências diferentes.
Da referência ao site publicado em uma tarde de trabalho, não em duas semanas.
O que sai da extensão
Em segundos a extensão mede o site inteiro e devolve a direção documentada. Não é print, não é adjetivo: é número.
Cores, tipografia, escala e espaçamento saem em valores exatos. A paleta inteira, a escala tipográfica e o ritmo vertical, documentados.
O arquivo que a IA lê e executa. Sem prompt gigante, sem tentativa e erro.
A ordem da página, o papel de cada bloco e quanto espaço ele ocupa. A IA recebe a estrutura pronta em vez de inventar uma.
Breakpoints, comportamento em mobile e as animações que existem na referência, tudo descrito para ser reconstruído.
Cole um documento, aproveite o site antigo do cliente ou responda ao questionário. A ferramenta ajusta o texto ao tamanho do layout.
O projeto é seu. Abre, edita, publica e cobra. A extensão não aparece em nada do resultado final.
Como funciona
Em segundos a extensão mede cores, fontes, espaçamentos, seções, responsividade e animações. A direção visual inteira sai documentada.
Cole um documento, aproveite o site antigo do cliente ou responda ao questionário. A ferramenta ajusta o texto ao tamanho do layout.
Manda ler e executar o STARTER.md. A IA monta, revisa e devolve a página pronta para você editar e publicar.
Feito para o seu fluxo
Instala em segundos e roda no navegador que você já usa. Sem app novo, sem configuração.
Nenhum crédito avulso, nenhuma conta nova. A extensão prepara o material, a sua IA executa.
Claude Code, Codex, Cursor, Antigravity ou VS Code. A pasta final é lida por qualquer um deles.
A licença é sua. Use em site de cliente, cobre por isso e leve um ano de atualizações junto.
A extensão não aparece no resultado final. O que sai dela é o seu projeto: você combina camadas de referências diferentes e usa seu próprio texto e suas próprias imagens.
Para quem é
A IA constrói mais rápido do que você digita.
O que falta nunca foi velocidade. É direção.
Preço
O HTMLmentor Extract e tudo que ele entrega em cada projeto.
Tudo da ferramenta, mais os bônus.
Acesso imediato · 7 dias de garantia · Pagamento pela Kiwify
Instale, extraia um site e rode o processo inteiro. Se não for o que esperava, peça reembolso em até 7 dias. Quando o lançamento fechar, o valor sobe.
FAQ
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.
Dá, desde que você aceite mexer em pasta, terminal e editor de código. A extensão elimina a decisão visual, que é onde iniciante trava.
Pode. A licença é sua e o que sai da extensão é o seu projeto. A extensão não aparece no resultado final.
Não. O que é medido é direção visual: proporção, escala de texto, espaçamento, ritmo. Você combina camadas diferentes e usa seu próprio texto e suas próprias imagens.
Claude Code, Codex, Cursor ou Antigravity. Não precisa de chave de API nem crédito avulso.
É exatamente o problema que a ferramenta resolve. Aqui ela recebe direção pronta, medida de um site que já funciona.
Chrome e Edge apenas.
O pagamento é processado pela Kiwify. Você recebe o acesso por e-mail assim que a compra é confirmada.
Pagamento único · Chrome e Edge · 7 dias de garantia
Mesma página de partida, mesma inspiração (themaestri.app), mesmo modelo, mesmo dia. Uma rodada por método, sem correção manual depois.
Só com a URL — o endereço das duas páginas, e nada mais.
eu tenho uma landing page https://htmlmentor.com.br/ e quero refazer o design
dela com base nessa landing page aqui https://www.themaestri.app/pt-br
use toda a direção criativa do the maestri para refazer a minha landing page
do htmlmentor
Com um print — captura de página inteira das duas.
eu tenho uma landing page htmlmentor (anexo 1) e quero refazer o design dela
com base nessa landing page aqui do the maestri (anexo 2)
[anexo 1: captura de página inteira, 1737 × 14383]
[anexo 2: captura de página inteira, 1606 × 15554]
Com o Extract — a extensão mede a inspiração no navegador, extrai a copy da página original e escreve uma pasta com direção, textos, recortes por seção e regras de qualidade. Aí bastam dois prompts:
leia o starter.md
execute