O Pesadelo de Tentar Fazer Engenharia Reversa de Sites
Quantas vezes você navegou por uma landing page incrível, um artigo técnico impecável ou a página de vendas de um concorrente de sucesso e pensou: "Eu preciso usar essa mesma estrutura de copy e layout no meu projeto"?
Até pouco tempo, tentar reproduzir uma referência da web era um trabalho manual exaustivo:
Você abria o Inspecionar Elemento* (F12);
inúteis, gerando uma resposta quebrada.Para resolver esse problema de forma elegante e instantânea, surgiu a extensão .MD this page — uma ferramenta gratuita e open-source para Google Chrome que converte qualquer página viva da internet em Markdown perfeitamente limpo ou em um prompt pronto para IA com um único clique.
⚡ O Que é a Extensão .MD this page?
Criada pelo desenvolvedor Adem Kouki e mantida com código aberto, a extensão utiliza o consagrado motor de legibilidade da Mozilla (Readability) para analisar o DOM de qualquer site em tempo real.
Ela descarta automaticamente toda a "sujeira" da página (menus de navegação genéricos, popups de newsletter, scripts de anúncios e rodapés poluídos) e isola exatamente o conteúdo principal, títulos semânticos, imagens, tabelas e links relevantes, formatando tudo em Markdown puro (.md).
Página Web Publicada (HTML / Scripts / Ads)
│
▼ (Clique com botão direito ou Alt + M)
┌─────────────────────┐
│ .MD THIS PAGE EXT │
│ (Mozilla Readability)
└──────────┬──────────┘
│
┌────────────┼────────────┐
▼ ▼ ▼
┌─────────────┐ ┌─────────────┐ ┌─────────────┐
│ COPIAR MD │ │ BAIXAR .MD │ │COPIAR PROMPT│
│ LIMPO │ │ PARA VAULT │ │ PARA IA │
└──────┬──────┘ └──────┬──────┘ └──────┬──────┘
│ │ │
▼ ▼ ▼
Cursor / Claude Obsidian / v0 / Lovable /
Elementor / Dev Notion Framer / ChatGPT
🎯 As 5 Maiores Aplicações Práticas no Dia a Dia
1. 🚀 Recriar Landing Pages com Base em Referências Vencedoras
Encontrou uma página de vendas com uma taxa de conversão fantástica?
Abra a extensão e copie o Markdown da página;
Envie para o Lovable, v0 (Vercel), Cursor ou Claude Code com a instrução:
> "Com base na hierarquia de seções, gatilhos de copy e estrutura deste Markdown, recrie uma Landing Page moderna em React + Tailwind CSS v4 para o meu produto [Seu Produto]."
Em menos de 2 minutos você tem uma versão personalizada e moderna respeitando a psicologia de vendas original. 2. 🎨 Exportação para Elementor, WordPress e Framer
Para designers e desenvolvedores que trabalham com construtores visuais (como Framer, Elementor ou Webflow):
O Markdown limpo permite extrair rapidamente a grade de benefícios, a tabela comparativa de preços e as seções de FAQ sem precisar reescrever ou redigitar texto por texto. 3. 🧠 Auditoria Profunda de UI/UX e Copywriting
Quer descobrir por que o seu site (ou o do seu cliente) não está vendendo como deveria?
Extraia o Markdown da página e envie para a IA:
> "Você é um especialista sênior em UI/UX e CRO (Otimização de Conversão). Analise o conteúdo desta página. Onde a proposta de valor está confusa? Quais objeções de compra não foram respondidas? O que está faltando para tornar a oferta irresistível?"
A IA fará um raio-X cirúrgico do texto sem se distrair com códigos visuais pesados. 4. 📚 Segundo Cérebro no Obsidian, Notion e Logseq
Se você estuda tecnologia, marketing ou lê artigos longos:
Pressione Alt + M em qualquer tutorial ou post de blog;
Baixe o arquivo .md e salve direto no seu cofre do Obsidian ou importe no Notion. Suas notas ficam organizadas, offline e prontas para pesquisa local. 5. 💰 Economia de Até 90% em Tokens de IA
Enviar o código HTML bruto de uma página comum para uma IA consome entre 20.000 e 60.000 tokens. A mesma página convertida para Markdown pelo .MD this page consome apenas 1.500 a 3.000 tokens, tornando suas consultas até 20 vezes mais baratas e infinitamente mais rápidas.
🛠️ Passo a Passo: Como Instalar e Usar em 30 Segundos
A instalação é direta pela loja oficial do Google:
Passo 1: Adicionar ao Chrome
Acesse a Página Oficial do .MD this page na Chrome Web Store;
Clique no botão azul Usar no Chrome (Add to Chrome);
Fixe o ícone da extensão na barra de ferramentas do seu navegador.
Passo 2: Extraindo seu Primeiro Site
Acesse qualquer site, documentação técnica ou landing page;
Você pode ativar a ferramenta de duas formas simples:
* Atalho no Teclado: Pressione Alt + M (no Windows/Linux) ou Option + M (no Mac);
* Botão Direito: Clique com o botão direito em qualquer área da página e selecione .MD this page.
Uma aba com pré-visualização limpa será aberta com 3 opções principais:
* 📋 Copy Markdown: Copia o texto estruturado para a área de transferência;
* 🤖 Copy AI Prompt: Copia o conteúdo já envelopado com instruções prontas para colar no ChatGPT/Claude;
* 💾 Download .md: Salva o arquivo Markdown na sua pasta de downloads.
📊 Comparativo: Inspecionar Código (F12) vs. .MD This Page
Critério Inspecionar Elemento (F12) Extensão .MD This Page Formato de Saída HTML poluído e minificado Markdown semântico e estruturado Scripts e Anúncios Vêm misturados no meio do texto Removidos 100% pelo Readability Consumo de Tokens 20k a 60k+ tokens por página 1k a 3k tokens (Economia de 90%) Facilidade de Uso Exige conhecimento de código 1 clique no botão direito ou Alt + M Integração com IA Exige limpeza manual prévia Prompt pronto para colar no Claude/v0
Conclusão
A extensão .MD this page é uma daquelas ferramentas indispensáveis que mudam a rotina de quem cria sites, produz conteúdo e desenvolve softwares assistidos por IA.
Com ela, a web inteira se torna a sua biblioteca de referência pronta para ser analisada, remixada e recriada com máxima velocidade e zero atrito.
🔗 Links Oficiais da Ferramenta
Chrome Web Store: Baixar .MD this page Oficial
Código Aberto no GitHub: github.com/Ademking/MD-This-Page
Preço: 100% Grátis e Livre de Anúncios.
Excelente artigo técnico! A separação de responsabilidades na engenharia de prompts e a arquitetura de contexto estruturado reduziram drasticamente as alucinações no nosso pipeline de atendimento.