Olá pessoal! 👋

Acabei de fazer um vídeo sobre um projeto super interessante e queria muito compartilhar com vocês.

Nele, mostro como criei uma extensão do Chrome de um assistente de escrita com IA! 🚀

Parti do zero e explorei uma combinação de ferramentas para desenvolver esta extensão funcional:

• Google Gemini API: A base principal para a geração de conteúdo com IA diretamente de qualquer campo de texto, com suporte a agentes personalizados. Os modelos disponíveis incluem gemini-1.5-pro-latest, gemini-1.5-flash-latest e o recomendado gemini-2.5-flash-lite.
• Qwen: O modelo de IA da Alibaba, inicialmente utilizado no planejamento e na tentativa de geração de código. No entanto, sua performance apresentou desafios significativos, como demora na resposta, geração de código corrompido e a necessidade de extensas correções manuais.

O projeto, apesar dos "perrengues" e da demora na geração de resposta da IA em alguns momentos, além da necessidade de corrigir quase todos os arquivos gerados, está totalmente funcional e oferece recursos como acesso rápido por atalho de teclado (Ctrl+Shift+F) ou menu de contexto, cópia automática do conteúdo gerado para a área de transferência, uma interface intuitiva e histórico de conversas por agente. Todo o processo de criação e adaptação levou cerca de 3 hora.

👉 Dêem uma olhada quando puderem e me contem o que acharam! 😉

📺 Assista ao vídeo de criação para ver o passo a passo, os desafios superados e o resultado final!

https://www.youtube.com/watch?v=Ghd6CUcHxM4

Código fonte / Repositório
O código completo está disponível no GitHub:
https://github.com/MrJs01/crom-ai-extension-chrome

Como Instalar e Usar (Exemplo Rápido):

Para começar a usar a extensão, você precisará de uma Chave API do Google AI Studio.

1. Baixe ou clone o repositório:
   git clone https://github.com/MrJs01/crom-ai-extension-chrome.git
cd crom-ai-extension-chrome

   Instale as dependências (se necessário)

   npm install
2. Abra o Chrome e acesse chrome://extensions.
3. Ative o "Modo de desenvolvedor" no canto superior direito da tela.
4. Clique em "Carregar sem compactação" e selecione a pasta do projeto.
5. Fixe a extensão na barra de ferramentas do Chrome (opcional).
6. Configure seus Agentes: Clique no ícone da extensão na barra do Chrome. Use "+ Novo Agente" para definir o Nome (ex: "Redator Profissional"), sua Chave API Gemini, o Modelo (o gemini-2.5-flash-lite é recomendado para uso frequente) e um Prompt do Sistema para instruções específicas sobre o comportamento do agente.
7. Gere Conteúdo: Clique em qualquer campo de texto (input, textarea, etc.), pressione Ctrl+Shift+F ou clique com o botão direito e selecione "Usar Gemini Agent Studio". Digite sua solicitação. O conteúdo gerado será copiado automaticamente para a área de transferência.

Se possível, colabore <3>