Repositório de links e ferramentas de desenvolvimento, vibe coding,…

Esta é uma lista de todas as principais ferramentas de criação e edição de código de IA. Se isso não enfatizar quanta variabilidade existe por aí, não sei o que o fará

Lista completa: 1. Create.Xyz: Create.Xyz ↗ 2. a0.dev: a0.dev ↗ 3. Softgen.ai: Softgen.ai ↗ 4. Wrapifai.com: Wrapifai.com ↗ 5. Cursor.com: Cursor.com ↗ 6. Parafuso (por StackBlitz): stackblitz.com ↗ 7. Lovable.dev: Lovable.dev ↗ 8. Windsurf.ai: Windsurf.ai ↗ 9. Copiloto do GitHub: lnkd.in/d-YtAc6q ↗ 10. Replique IA: replit.com/site/ai ↗ 11. v0 (por Vercel): v0.dev ↗ 12. MarsX: marsx.dev ↗ 13. Devin: lnkd.in/drdNRUkq ↗ 14. Webdraw: webdraw.dev ↗ 15. Laboratórios de Tempo: tempo.dev ↗ 16. Traga: trae.dev ↗ 17. Cline: cline.dev ↗ 18. Botão de dados: databutton.io ↗ 19. Continue.dev: continue.dev ↗ 20. Base44: base44.com ↗ 21. Qodo: qodo.dev ↗ 22. Amazon P: aws.amazon.com/q ↗ 23. Cafeína AI: caffeine.ai ↗ 24. Ajudante: aider.dev ↗ 25. Pêra AI: pear.ai ↗ 26. GitHub Spark: github.com/spark ↗ 27. IDX: idx.dev ↗ 28. Tabnine: tabnine.com ↗ 29. Amazon CodeWhisperer: lnkd.in/d6G2imRW ↗ 30. JetBrains: jetbrains.com ↗ 31. Tela de código do ChatGPT: chat.openai.com ↗ 32. Grok (de Elon e X AI): x.ai/grok ↗ 33. Palheiro: haystack.dev ↗ 34. Claude 3.7 Soneto: claude.ai ↗ 35. Código Claude: claude.ai/code ↗ 36. Manus AI: manus.ai ↗ 37. Código Roo: github.com/RooVetGit/Roo-Code ↗

Se você quer criar um fluxo visual de automação antes de implementá-lo no Make.com ou no n8n, existem algumas ferramentas excelentes para isso. Aqui estão as melhores opções:

scade.pro/pricing ↗

1. Ferramentas Especializadas em Fluxos de Automação⌗

✅ Draw.io (diagrams.net) – Grátis e fácil de usar. Permite criar fluxogramas, BPMN e diagramas técnicos.
✅ Lucidchart – Interface intuitiva para criar fluxos de automação com colaboração em equipe.
✅ Microsoft Visio – Profissional e ideal para diagramas complexos e processos técnicos.
✅ Bizagi Modeler – Modelagem BPMN para definir fluxos de automação antes da implementação.
✅ Whimsical – Ótima opção para fluxos simples, com interface minimalista e intuitiva.
✅ FlowMapp – Mais voltado para UX, mas pode ser usado para organizar processos de automação.

2. Ferramentas de Modelagem Baseada em Código (Se precisar integrar com Dev)⌗

✅ Mermaid.js – Criação de fluxogramas em Markdown, útil para documentação técnica.
✅ PlantUML – Para desenhar fluxos e diagramas UML baseados em código.
✅ Obsidian + Plugins de Diagramas – Se já usa Obsidian, pode criar fluxos diretamente nas anotações.

3. Opções Específicas para Automação⌗

✅ Node-RED – Permite desenhar fluxos de automação e testá-los antes da implementação.
✅ Make.com (Modo Rascunho) – O próprio Make tem um modo de edição visual que pode ser usado para esboçar antes de rodar a automação.
✅ n8n.io (Modo Dry-Run) – No n8n, é possível visualizar e testar um fluxo sem executá-lo.

Sugestão de Fluxo de Trabalho⌗

1️⃣ Use o Draw.io ou Lucidchart para esboçar o fluxo da automação.
2️⃣ Defina os gatilhos, ações e condições lógicas com base no Make/n8n.
3️⃣ Revise e otimize o fluxo antes de implementar.
4️⃣ Implemente no Make ou n8n e faça testes incrementais.

Repositório de links e ferramentas de desenvolvimento, vibe coding,…

1. Ferramentas Especializadas em Fluxos de Automação⌗

2. Ferramentas de Modelagem Baseada em Código (Se precisar integrar com Dev)⌗

3. Opções Específicas para Automação⌗

Sugestão de Fluxo de Trabalho⌗

Recursos