Aventuras com Vibe Coding: Extensão para o Chrome

ByPaulo Junior
17 de junho de 2025
No Comments

Como um desenvolvedor veterano, sempre fui cético em relação a ferramentas de “código sem código”. Mas quando me deparei com o Cursor e sua capacidade de gerar código através de prompts, decidi dar uma chance. E que jornada foi essa! Vou compartilhar minha experiência criando uma extensão Chrome para automatizar tarefas no Canvas da PUC.

1. O Desafio do FFmpeg 🎥

A ideia era simples: criar uma extensão que pudesse baixar vídeos do Canvas e convertê-los em MP3, depois transcrever e utilizar outras IAs para facilitar o estudo. O grande desafio? Implementar o FFmpeg em uma extensão Chrome sem precisar codar manualmente.

O Cursor me surpreendeu, mas ainda precisamos evoluir um bocado. Com prompts bem estruturados, conseguimos:

Criar interfaces

E codar coisas mais simples

2. Desafios🎯

Permissões e falta de atualização

O maior problema que encontrei foi fazer o ffmpeg funcionar no navegador. Problemas com o Manifest V3 e com a base de dados desatualizada das IAs, fez com que não conseguisse resolver vários conflitos, por mais que eu tentasse. E eu não queria programar de fato, apenas ver até onde eu conseguiria forçar o desenvolvimento automático.

Excesso de pró atividade sem contexto

Nem sempre pró atividade é bom. Várias vezes a IA delirou e chegou refatorar completamente o código que já tínhamos finalizado, por mais que eu enviasse comandos claros para não alterar o passado.

Adotei estratégias como definir etapas de desenvolvimento, mas em alguns momentos ela não respeitou.

Já em outros momentos, a pró atividade me fez abrir os olhos para outra solução mais elegante.

3. O Poder de Múltiplas IAs 🤖

Descobri que cada IA tem seus pontos fortes:

Cursor: Excelente para estruturação de código

Claude: Ótimo para debugging e otimização

ChatGPT: Bom para brainstorming de features

Mesmo assim, em determinados momentos, a IA que era “supostamente” ruim em um assunto era quem me salvava.

4. A Importância dos Prompts 📝

Aprendi que prompts precisam ser:

Específicos

Estruturados

Com exemplos

Com contexto claro

Dê enfase para a característica “específicos” e nisso complete com detalhados.

6. Resultado Final ⭐

Tempo Economizado:

Desenvolvimento manual: ~1 semana talvez (levando em consideração desconhecer como funcionava questões específicas de uma extensão)

Com Cursor: ~3 dias

Qualidade do Código:

Mais organizado
Melhor tratamento de erros

Código mais modular

Documentação inline

Quando eu pedi para ele gerar o readme baseado no código foi fantástico. Documentação é algo que programadores não curtem. Eu apenas revisei, incrementei poucas coisas e pronto!

Conclusão 🎉

Aprendi muito com as sugestões da IA:

Uso de WebAssembly

Gerenciamento de estado em extensões

Técnicas de otimização

Padrões de design modernos

O vibe coding com Cursor superou minhas expectativas! A extensão ficou mais robusta e foi desenvolvida em muito menos tempo. A IA não só gerou código, mas também sugeriu melhorias e otimizações que não teria pensado sozinho.

Para quem está começando, recomendo:

Comece com prompts simples

Vá refinando gradualmente

Use múltiplas IAs

Mantenha um registro das soluções

Não tenha medo de experimentar

E vocês? Já experimentaram o vibe coding? É um caminho sem volta? Me contem suas experiências! 😊

Compartilhe:

Paulo Junior

Dev Raiz

Profissionalmente atuando desde 2002, mas com o primeiro acesso à internet em 95. Comecei com Cobol, passei por várias linguagens e atualmente me conforto no C#, Flutter, Angular e Python. Full stack raiz mesmo. Atuando em infra, banco, programação,arquitetura, design e o que for preciso pra fazer funcionar.