Chrome Web Store Assets Generator: Pare de perder tempo criando ícones e banners manualmente

Interface do Chrome Web Store Assets Generator: design focado em simplicidade para transformar logos em ativos prontos para a loja em segundos

Se você já desenvolveu ou está desenvolvendo uma extensão para o Google Chrome, sabe que a parte final — o envio para a Chrome Web Store — pode ser surpreendentemente trabalhosa (ou chata). Não pelo código em si, mas pelas exigências visuais da loja.

Para publicar sua extensão, o Google exige uma série de ativos em tamanhos específicos:

  • Ícones: 16x16, 32x32, 48x48 e 128x128 pixels.
  • Tiles Promocionais: Small (440x280), Large (920x680) e Marquee (1400x560).

Geralmente, isso significa abrir o Photoshop, Figma ou Gimp e exportar manualmente cada um desses arquivos, garantindo que o padding esteja correto e que as cores combinem. Se você mudar o logo, precisa refazer tudo. Se estou criando extensões para o Chrome em série, isso pode se tornar um problema.

Para resolver essa “dor de cabeça” (que eu mesmo sentia), criei o Chrome Web Store Assets Generator:

Chrome Web Store Assets Generator - Free Icon & Promotional Tile Tool

Free, browser-based tool to generate all Chrome Web Store required icons (16×16, 32×32, 48×48, 128×128) and promotional…

paladini.github.io

O Chrome Web Store Assets Generator é uma ferramenta open-source, gratuita e baseada em navegador que transforma o logo da sua extensão em todos os ativos necessários para a loja com apenas um clique.


Você faz o upload do seu logo uma vez e a ferramenta gera instantaneamente todos os tamanhos de ícones e banners promocionais, prontos para download em um arquivo ZIP organizado.

Como desenvolvedor, eu me importo com privacidade. Por isso, a ferramenta foi construída usando a HTML5 Canvas API e processa 100% das imagens no lado do cliente. Nada sai do seu navegador. Nenhum servidor recebe suas imagens, nenhum cadastro é necessário e não há chaves de API envolvidas.

  1. Geração em Um Clique: Suba o logo e veja a mágica acontecer.
  2. Banners Customizáveis: Defina o nome da extensão, um subtítulo e escolha entre diversas paletas de cores em gradiente que seguem as diretrizes visuais do Google.
  3. Padding Ajustável: Controle o espaçamento do ícone dentro dos banners com preview em tempo real.
  4. Preview da Loja: Uma aba dedicada para você ver exatamente como sua listagem aparecerá na Chrome Web Store antes mesmo de subir os arquivos.
  5. Snippet do Manifest v3: A ferramenta gera o bloco de código do manifest.json pronto para você copiar e colar no seu projeto.
  6. Download em ZIP: Baixe tudo de uma vez, organizado em pastas icons/ e banners/.

Para quem gosta de detalhes técnicos, o projeto foi uma oportunidade incrível de testar as versões mais recentes das ferramentas que amo:

  • React 19 e Vite 6 para uma experiência de desenvolvimento ultra-rápida.
  • TypeScript para garantir a robustez do código.
  • Tailwind CSS v4 para um design moderno e responsivo.
  • Lucide React para ícones e JSZip para a geração do pacote de download.

O projeto é totalmente aberto e você pode contribuir no GitHub. Além da versão web, eu disponibilizei uma imagem Docker para quem prefere rodar a ferramenta localmente ou em sua própria infraestrutura:

docker run -d -p 3000:80 --name assets-generator paladini/chrome-web-store-assets-generator:latest

Se você é desenvolvedor de extensões, te convido a testar a ferramenta e me dar um feedback:

Se o projeto te economizou alguns minutos (ou horas) de trabalho, considere deixar uma ⭐ no repositório. Isso ajuda muito a divulgar o trabalho para outros desenvolvedores!

Espero que seja útil para vocês tanto quanto está sendo para mim.
Até a próxima!

MCP-Me: um servidor MCP sobre você, para conectar em assistentes de IA

 A light blue and yellow gradient card showing the mcp-me logo — a person silhouette with a glowing sun — above the title “mcp-me” and subtitle “Your Digital Identity Layer for AI”, with four pill badges: Privacy-first, 342+ generators, 13 live plugins, Works everywhere.

Você já imaginou se pudesse ensinar a sua história — seus projetos, sua experiência profissional e acadêmica, suas habilidades e interesses para qualquer assistente de IA, de forma aberta, segura e padronizada? Essa é a proposta do MCP-Me.


O MCP-Me é um framework open-source que permite que qualquer pessoa exponha informações pessoais — como carreira, habilidades, projetos, interesses e muito mais — para assistentes de IA, usando o Model Context Protocol (MCP). Com ele, você cria um “servidor de contexto pessoal” que pode ser consultado por diferentes IAs, tornando suas interações mais inteligentes, personalizadas e humanas.

mcp-me - Your Digital Identity Layer for AI

Your AI assistants don't know who you are. mcp-me creates a structured personal profile that any AI assistant can read…

mcp-me.page

Por que isso importa?

Hoje, cada IA ou chatbot começa do zero ao interagir com você. O MCP-Me resolve esse problema ao criar um perfil estruturado, que pode ser lido por qualquer agente compatível. Assim, suas conquistas, artigos, projetos open-source, livros publicados e até hobbies ficam acessíveis para enriquecer conversas, recomendações e automações.

Como funciona?

  • YAML + TypeScript: Você descreve seu perfil em arquivos YAML simples, validados por schemas TypeScript.
  • Plugins: O MCP-Me já vem com plugins para GitHub, LinkedIn, Medium, Spotify, entre outros — facilitando a integração com suas plataformas favoritas.
  • CLI e API: Use a linha de comando para gerar, validar e servir seu perfil, ou integre via API com outras ferramentas.
  • Privacidade e Controle: Você decide o que expor, como expor e para quem expor.

Diferenciais

  • Open-source e extensível: Qualquer pessoa pode contribuir, criar plugins ou adaptar o protocolo.
  • Foco em interoperabilidade: O MCP-Me segue o padrão MCP, facilitando a adoção por diferentes agentes e plataformas.
  • Pensado para o futuro da IA: À medida que LLMs e assistentes evoluem, o contexto pessoal será cada vez mais essencial para experiências realmente úteis.

Para quem é?

  • Profissionais de tecnologia que querem montar seu portfólio de forma automatizada.
  • Criadores de conteúdo, escritores e desenvolvedores open-source.
  • Qualquer pessoa que queira ter uma “memória digital” sobre você mesmo, acessível por IAs.

Quer saber mais? O projeto é open-source e está disponível no GitHub: https://github.com/paladini/mcp-me

O que você acha dessa ideia e desse projeto?
Vou ficar feliz de ouvir suas impressões!

Vibe Code Detector: descubra se um site foi criado por IA

 

Logotipo Vibe Code Detector. O ícone central exibe um medidor analógico com glifos de programação e o texto “VIBE CODE”. Abaixo, o título “Vibe Code Detector” e o slogan “Forensic analysis for the AI-generated web”. O fundo possui um degradê entre os tons verde-azulado e azul.
Vibe Code Detector: descubra se um site foi criado por IA / Vibe Coding.

Olá pessoal! 

Como saber se aquele site que você acabou de visitar foi esculpido linha a linha por um humano ou gerado em segundos por um prompt certeiro no v0.dev ou no Cursor?

Como entusiasta (e praticante) dessa nova era de IA, percebi que toda ferramenta de IA deixa uma assinatura. É um “DNA” digital que, embora às vezes sutil, é quase onipresente. Foi por isso que decidi criar o Vibe Code Detector.

O que é o Vibe Code Detector?

O Vibe Code Detector é uma extensão open-source para o navegador que realiza uma análise forense em qualquer página web para identificar as ferramentas, IDEs e plataformas de IA utilizadas na sua construção.

Não é mágica; é heurística. Enquanto navegamos, a extensão lê os sinais que os agentes de IA e geradores de código deixam para trás.

O que ele detecta?

A extensão foca em duas frentes principais:

  1. IDEs e Agentes de IA: Identifica marcadores de ferramentas como Cursor, Windsurf, Trae, Replit Agent, Devin e o novo Claude Code.
  2. Plataformas de Geração: Detecta sites criados via v0.dev, Lovable.dev, Bolt.new, Stackblitz e Google AI Studio.

Como funciona (A Ciência das Heurísticas)

Para chegar a um veredito — que varia entre Humano, Provavelmente IA ou Quase certamente IA — a extensão executa um escaneamento multi-camada:

  • Densidade de Tailwind: prompts de IA tendem a gerar componentes com uma razão altíssima de classes utilitárias por elemento. Nós calculamos essa densidade.
  • DNA de Shadcn/Radix: identificamos padrões específicos de atributos data-radix-* combinados com variáveis de CSS padrão do Shadcn.
  • Iconografia Lucide: por ser a biblioteca padrão de quase todos os geradores de IA atuais, ela é um forte indicador.
  • Assinaturas de IDE: procuramos por marcadores internos (como o clássico __cursor) ou blocos de comentários típicos de geradores.

O resultado é um score ponderado que revela a procedência técnica do projeto em tempo real.

Por que isso importa?

Mais do que apenas uma ferramenta de curiosidade, o Vibe Code Detector é um experimento sobre a transparência na web. À medida que a fronteira entre o código escrito por humanos e o gerado por máquinas se torna mais tênue, entender a arquitetura por trás dos produtos que consumimos nos ajuda a aprender e a mapear a evolução dessa nova stack tecnológica.

100% Open Source e Privacidade em Primeiro Lugar

Assim como o MCP-Me e outros projetos que lancei recentemente, o Vibe Code Detector é totalmente aberto (licença MIT).

  • Sem coleta de dados: A análise é feita localmente no seu navegador.
  • Sem rastreamento: Sua navegação continua sendo sua.
  • Comunidade: Novas ferramentas de IA surgem toda semana. O projeto foi desenhado para ser fácil de contribuir com novas heurísticas.

Como instalar?

Via Chrome Web Store

Basta acessar a Chrome Web Store no link abaixo e clicar em “Instalar”:

Vibe Code Detector - Chrome Web Store
Detects if a site was created using AI or Vibe Coding tools.chromewebstore.google.com

Manualmente / Modo Desenvolvedor

Você pode clonar o repositório e carregar a extensão manualmente no Chrome (via Developer Mode):

  1. Baixe o .zip na página de Releases.
  2. Descompacte o arquivo.
  3. Vá em chrome://extensions/, ative o "Modo do Desenvolvedor".
  4. Clique em “Carregar sem compactação” e selecione a pasta.

Ou, se você for do time que prefere o terminal:

git clone https://github.com/paladini/vibe-code-detector.git
cd vibe-code-detector
npm install && npm run build

Vamos construir juntos!

A stack de “Vibe Coding” está mudando rápido. Se você descobriu uma nova assinatura de alguma ferramenta ou tem ideias para refinar os pesos do nosso algoritmo de confiança, abra um PR!

Espero que essa ferramenta ajude você a enxergar a web com outros olhos. Se gostar do projeto, não esqueça de deixar uma ⭐ lá no GitHub!

Link do projeto: https://github.com/paladini/vibe-code-detector

Forte abraço, 
Paladini

Curiosidades sobre mim #1: tradução de software

 

Symbian OS: marcou época

Tenho muitas conexões aqui no LinkedIn de diferentes momentos da minha vida, de diferentes experiências e contextos. Muitos eu conheço apenas vagamente ou admiro, já outros são colegas, amigos, líderes e ex-líderes, entre outros.

Entretanto, tem coisas que poucas pessoas sabem. Uma delas é que eu já fui tradutor de diversos apps e softwares, inclusive do projeto Gnome.

Em uma época onde até acesso a sites como Babel e Google Tradutor eram limitados, comecei traduzindo softwares de maneira “não-oficial”, pegando apps do finado “Symbian OS” (um sistema operacional da Nokia para celulares), realizando traduções e disponibilizando os pacotes já traduzidos em sites como 4Shared. Após um tempo fazendo isso com apps menores, comecei a traduzir softwares desktop, como o System Ninja e o iSpy Connect. Eu ficava muito feliz quando encontrava softwares open-source que tinham as traduções no código-fonte, facilmente acessíveis.


Um pouco mais velho, ali pelos 18–19 anos de idade, auxiliei na tradução do livro “Mastering Bitcoin”, do Andreas M. Antonopoulos (livro publicado em 2014).

Ao longo dos anos que fiz traduções (no começo, sem fazer menor ideia do que eu estava fazendo), tive a possibilidade de traduzir cerca de 5 a 6 apps de celular, 10 softwares desktop, 1 livro digital e legendei dezenas de vídeos.

Eu nunca fiz um curso de inglês (não tinhamos dinheiro pra isso), mas o importante foi meter a cara e tentar ajudar.

—

Originalmente disponível em:

[Curiosidades sobre mim] Tenho muitas conexões aqui no LinkedIn de diferentes momentos da minha…

Curiosidades sobre mim] Tenho muitas conexões aqui no LinkedIn de diferentes momentos da minha vida, de diferentes…

www.linkedin.com

Moodle Content Extractor para NotebookLM: transforme suas disciplinas em conteúdo rico com IA

 Banner promocional com fundo em degradê vibrante nas cores laranja e rosa. No lado esquerdo, em destaque, o texto em branco: “Turn Moodle courses into AI-ready study materials”, posicionado acima do logotipo do NotebookLM. No lado direito, há uma representação gráfica detalhada da interface de uma ferramenta chamada “Moodle Extractor” em modo escuro. A interface exibe campos e botões para o processo de extração: o campo de URL do Moodle com o endereço https://www.moodle.udesc.br, o status de ope

Olá pessoal! 👋

Se você faz algum curso ou disciplina em plataformas Moodle — seja na universidade, num instituto federal ou num curso online — provavelmente já passou por isso: você navega pelo conteúdo durante o semestre de forma linear, módulo por módulo, e quando chega a hora de revisar para a prova, precisa refazer toda essa jornada.

O conteúdo está fragmentado por design. Aula aqui, material complementar ali, PDF num módulo diferente, vídeo em outra página… Isso torna a revisão lenta e cansativa.

Pensando nisso, criei a Moodle Content Extractor for NotebookLM — uma extensão gratuita para Chrome, Edge, Brave e outros navegadores baseados em Chromium que captura o conteúdo textual da sua disciplina enquanto você navega, e exporta tudo em Markdown pronto para usar no NotebookLM.

🤔 O problema que essa extensão resolve

O Moodle é uma das plataformas de ensino mais usadas no Brasil e no mundo, principalmente em universidades. Mas ele não foi projetado para facilitar a revisão do conteúdo — foi projetado para dar acesso a ele.

O resultado é que o conteúdo fica espalhado: você precisa lembrar em qual módulo estava aquela explicação importante, qual atividade tinha o texto mais relevante, qual página tinha as referências bibliográficas…

A ideia da extensão é simples: capturar o conteúdo textual de forma passiva, enquanto você já está navegando pelas páginas da disciplina, sem nenhum esforço extra. Você só precisa clicar em “Iniciar Captura” uma vez.

✨ Como funciona?

A extensão funciona de forma discreta. Depois de definir a URL base do seu Moodle e ativar a captura, ela registra automaticamente o conteúdo textual das páginas que você visita — organizando tudo por curso e módulo com base nos breadcrumbs do Moodle.

Ao final, você exporta tudo como um único arquivo .md (Markdown) com uma estrutura limpa:

O NotebookLM lida muito bem com essa estrutura porque o conteúdo já vem agrupado por disciplina e módulo, pronto para funcionar com o Gemini.

🚀 O que você consegue fazer com esse conteúdo?

Aqui mora o verdadeiro poder da extensão. Com o arquivo Markdown exportado e os recursos mais recentes do NotebookLM, você consegue:

  • 🎙️ Ouvir um podcast de resumo sobre todo o conteúdo da disciplina — de altíssima qualidade, diga-se de passagem
  • 🃏 Criar flashcards para SRS (Sistemas de Repetição Espaçada), como o Anki
  • 🗺️ Gerar um mapa mental resumindo todos os conceitos abordados
  • 📊 Criar resumos em vídeo, infográficos e apresentações de slides
  • ❓ Fazer perguntas diretamente ao conteúdo da disciplina, como se fosse um tutor particular

Em vez de passar horas relendo materiais lineares, você tem um assistente de IA que conhece todo o conteúdo da disciplina e pode te ajudar a estudar de formas completamente diferentes.

🎯 Fluxo de uso recomendado

Esse é o workflow que tem funcionado bem na prática:

  1. Instale a extensão na Chrome Web Store (gratuito): https://chromewebstore.google.com/detail/moodle-content-extractor/dcmooninccogclmaimgbmhineffjdjda
  2. Configure a URL base do seu Moodle (ex: https://moodle.ufsc.br)
  3. Clique em “Iniciar Captura”
  4. Navegue pelas páginas de aulas, atividades e módulos normalmente
  5. Clique em “Parar Captura” quando terminar
  6. Exporte o curso como Markdown
  7. No NotebookLM, crie um novo notebook
  8. Faça upload do .md exportado e do PDF do plano de ensino da disciplina
  9. Peça ao Gemini para gerar flashcards, criar podcasts de resumo, montar mapas mentais…

Dica: Para deixar o contexto ainda mais focado no material de ensino, além do .md, envie também um PDF com o plano de ensino (syllabus) e as referências bibliográficas da disciplina. Isso ajuda o NotebookLM a entender melhor o escopo do conteúdo.

🛡️ Privacidade e segurança dos dados

Um detalhe que levei muito a sério no desenvolvimento: todos os seus dados ficam no seu próprio navegador. A extensão não tem backend, não usa servidores externos, não envia absolutamente nada para a nuvem.


Tudo é armazenado localmente no chrome.storage.local. Para evitar perda de dados durante o uso, implementei algumas proteções extras:

  • Gravações com verificação de integridade para evitar corrupção de dados
  • Capturas serializadas para reduzir risco de condição de corrida
  • Snapshots automáticos antes de qualquer ação destrutiva
  • Exportação e importação de backup em JSON
  • Restauração manual do último snapshot salvo

🔧 Funcionalidades

  • Captura automática do conteúdo enquanto você navega pelas páginas do Moodle
  • Agrupamento por curso e módulo com base nos breadcrumbs do Moodle
  • Exportação individual por curso ou exportação de todos os cursos de uma vez
  • Extração de links de vídeos e attachments (PDF, DOCX, PPTX)
  • Zero dependências externas — sem build step
  • Arquitetura local-first: sem servidor externo necessário

👥 Para quem é?

  • Estudantes universitários que usam Moodle no dia a dia
  • Pessoas fazendo cursos online em plataformas baseadas em Moodle
  • Professores e tutores que querem criar materiais de revisão rapidamente a partir do próprio conteúdo do curso
  • Qualquer pessoa que queira transformar conteúdo textual denso e fragmentado em algo mais fácil de absorver

🤝 Como instalar e contribuir

Download gratuito na Chrome Web Store:
https://chromewebstore.google.com/detail/moodle-content-extractor/dcmooninccogclmaimgbmhineffjdjda

Código-fonte (open source):
https://github.com/paladini/extract-moodle-content-to-notebook-lm-extension

A extensão não tem dependências externas e não precisa de build step — o que facilita muito a entrada de novos contribuidores. Se quiser contribuir, comece pelo CONTRIBUTING.md.

📚 Considerações Finais

O Moodle foi criado para dar acesso ao conteúdo educacional, não para facilitar a revisão ou a criação de materiais de estudo a partir dele. Com ferramentas como o NotebookLM e uma extensão simples, dá para preencher essa lacuna e transformar aquelas disciplinas mais densas — ou mais chatas, como alguns diriam — em algo muito mais rico e aproveitável.

Se você testar, me conta nos comentários como foi a experiência! Feedback, sugestões e contribuições são muito bem-vindos. 🎓

Assinar: Comentários (Atom)