Extensão para Google Chrome que detecta CMS/Stack/IA, com a ajuda do Claude

O que é a extensão

Qual é o CMS? é uma extensão para Google Chrome que funciona como um analisador instantâneo de tecnologia web. Com um único clique no ícone, ela identifica de forma rápida e visual qual tecnologia está por trás de qualquer site visitado.

A ferramenta vai muito além de simplesmente reconhecer CMS tradicionais. Hoje, na versão 1.2.0, ela detecta:

  • Sistemas de gerenciamento de conteúdo — WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Drupal, Magento, PrestaShop, HubSpot, Framer, VTEX, Nuvemshop, entre outros
  • Frameworks modernos — React, Next.js, Nuxt, Vue, Angular, Astro, Remix, SvelteKit, Vite, Gatsby
  • Linguagens de programação — PHP, Python, Ruby, Java, Go, JavaScript/TypeScript
  • Ferramentas de IA usadas na criação do site — Lovable, v0 by Vercel, Bolt.new, Durable AI, Hostinger AI Builder, Wix ADI, Replit Agent, entre outras

 

Os resultados aparecem em um painel elegante com tema escuro, exibindo o nome da tecnologia, a versão (quando disponível) e um indicador de confiança da análise.

O público-alvo inclui designers, programadores, profissionais de marketing digital e qualquer pessoa curiosa sobre como um site foi construído.

 

tela da extensão com detectando uso de IA

 

Como foi desenvolvida

A extensão utiliza apenas HTML, CSS e JavaScript puro, sem frameworks ou dependências externas. Isso a torna leve, rápida e fácil de instalar. Todo o processamento acontece localmente no navegador do usuário. Nenhuma informação é enviada para servidores externos.

O desenvolvimento contou com assistência do Claude Code, da Anthropic. A partir de um prompt explicativo descrevendo a ideia, o Claude gerou a estrutura completa da extensão, a engine de detecção e a interface visual, seguindo padrões de design system profissionais.

 

Como a análise funciona

Quando o usuário clica no ícone da extensão, um script é executado diretamente na página visitada. Esse script “lê” o código-fonte em busca de pistas que denunciam qual tecnologia foi usada para construir o site.

As pistas mais comuns são:

  • Comentários e caminhos de arquivo — o WordPress, por exemplo, sempre carrega arquivos de pastas como /wp-content/ e /wp-includes/
  • Meta tags — muitos CMS inserem uma tag oculta com o próprio nome no código (<meta name="generator" content="WordPress 6.5">)
  • Variáveis e scripts — plataformas como Shopify e Wix carregam scripts com nomes únicos que funcionam como uma “assinatura digital”
  • Estrutura HTML — frameworks como React e Vue.js deixam marcas características na estrutura da página

 

Cada pista encontrada soma pontos para um CMS ou framework. Ao final, a tecnologia com maior pontuação é exibida como resultado.

 

tela da extensão CMS

 

A grande novidade: detecção de sites construídos com IA

A versão 1.2.0 trouxe um avanço importante: a capacidade de identificar quando um site foi criado com auxílio de Inteligência Artificial. Isso acontece em duas categorias separadas, pensadas para serem honestas com o usuário sobre o nível de certeza:

 

🟣 Construído com IA (detecção certa)

Card destacado que aparece quando a extensão detecta com certeza absoluta o uso de uma plataforma de IA como produto principal. Inclui ferramentas como:

  • Lovable · v0 by Vercel · Bolt.new · Durable AI
  • Hostinger AI Builder · 10Web · Wix ADI
  • Replit Agent · Base44 · Mocha

 

✨ Indícios de uso de IA (estimativa)

Para casos em que não há um “carimbo” explícito da plataforma, a extensão analisa padrões estruturais do código e calcula uma probabilidade (Baixa / Média / Alta). Entre os sinais avaliados:

  • Stack típica de IA (Next.js + Tailwind + shadcn/ui, ou Vite + React + Tailwind)
  • Uso da fonte Geist (popular em sites gerados por v0 e Lovable)
  • Spline 3D embarcado
  • Ícones Lucide
  • Imagens placeholder (placehold.co, picsum)
  • Texto Lorem Ipsum não substituído
  • Gradientes Tailwind padrão de IA
  • Estrutura Hero + Features + CTA padronizada
  • Comentários referenciando componentes TSX/JSX
  • Radix UI e Framer Motion como bibliotecas

 

O painel mostra a lista exata dos sinais detectados, com um aviso transparente: “Estimativa baseada em padrões. Não é uma certeza.”

 

Decisão de design: só afirmar quando tem certeza

Outra mudança importante na versão atual é a regra de exibição do CMS. Antes, qualquer pontuação acima de 30 já mostrava o nome do CMS detectado. Agora, o nome só é exibido quando a confiança é alta (acima de 60%).

Quando a extensão não tem certeza, em vez de “chutar” um CMS, ela exibe a frase “Construído com” seguida da lista real de tecnologias detectadas em formato de chips: framework, bibliotecas, linguagem. Isso evita falsos positivos e dá ao usuário uma informação mais honesta sobre o que foi efetivamente identificado.

 


 

Quer testar a versão 1.2.0? Faça o Download na Web Store do Chrome.

A extensão é gratuita, não coleta dados do usuário e funciona 100% localmente no navegador. Toda a análise acontece em segundos e em qualquer site visitado.