Mostrando postagens com marcador Projetos. Mostrar todas as postagens

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!

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: Postagens (Atom)