Como começar a usar o vibe coding

O vibe coding pode acelerar a ideação para programadores e não programadores, se você souber como fazê-lo corretamente.

Objetivos de aprendizado

Após ler este artigo, você será capaz de:

  • Entender os possíveis benefícios do vibe coding
  • Identificar os possíveis riscos e armadilhas do vibe coding
  • Dar os primeiros passos no vibe coding

Copiar o link do artigo

Por que o vibe coding está em ascensão?

Para traduzir ideias abstratas em resultados tangíveis, as equipes de negócios atuais devem ser capazes de comunicar sua visão de forma clara aos desenvolvedores de software e às equipes de TI. O vibe coding ajuda, fornecendo aos gerentes de projeto e membros de equipes não técnicos o vocabulário técnico de que precisam para transformar conceitos vagos em recursos concretos.

É por isso que o vibe coding está se tornando tão popular: ele democratiza a criação de software e a torna mais eficiente. Ao dar até mesmo a quem não é desenvolvedor o poder de explorar as possibilidades existentes em aplicativos planejados e prospectivos, ele impulsiona ciclos de inovação mais rápidos e prototipagem mais econômica.

Gerentes que lideram iniciativas técnicas são especialmente adeptos ao vibe coding. O uso de prompts em grandes modelos de linguagem (LLMs) e a criação direta de protótipos de trabalho permite agilizar o tedioso desenvolvimento de software. Em vez de sobrecarregar seus parceiros de TI com solicitações vagas, por exemplo, “Você pode melhorar isso?”, gerentes que não possuem conhecimento profundo em programação podem usar o vibe coding para criar protótipos de trabalho básicos que demonstrem sua visão. O resultado é uma colaboração mais fluida entre os líderes de negócios e os profissionais de TI que os apoiam, o que pode ajudar a acelerar as estratégias de lançamento no mercado.

Como iniciar o vibe coding: Quais são os primeiros passos?

Se você quer aprender a programar com o vibe coding, aqui estão algumas dicas para ajudar você a começar:

1. Identificar projetos que são bons candidatos

Considere quais projetos seriam mais adequados para o vibe coding. Tarefas de programação que envolvem a criação de um protótipo para explorar e comunicar ideias são normalmente uma boa opção.

Aqui estão alguns exemplos de projetos que são especialmente bons candidatos para o vibe coding:

  • Você é um gerente de produto e visualiza uma nova tela, mais amigável, em seu sistema de pedidos para interagir com os clientes. Com o vibe coding, é possível descrever o conteúdo da tela para um LLM e solicitar que ele gere o código necessário.
  • Você tem uma ideia para um fluxo de trabalho que aceleraria um processo de aprovação lento e melhoraria os principais indicadores de desempenho (KPIs) da empresa? O vibe coding permite descrever este fluxo de trabalho para um LLM, que pode então gerar uma interface de usuário para solicitar, encaminhar e assinar as aprovações necessárias.
  • Você é um gerente de suporte ao cliente que gostaria que os agentes de atendimento ao cliente realizassem a triagem de problemas mais rapidamente. Você visualiza um aplicativo de software que eles poderiam usar para reconhecer cinco tipos de problemas comuns e sugerir soluções para eles. Usando o vibe coding, você pode descrever esse aplicativo para um LLM que em seguida o gerará para você.

Qualquer pessoa que queira aprender vibe coding deve entender não apenas quando usar o vibe coding, mas também quando não usar. Então, quando o vibe coding não é a abordagem correta? O vibe coding gera apenas uma rota para um protótipo e código funcional, e essa rota pode não ser a mais eficiente. Na verdade, é provável que você tenha dificuldades se usar código com vibe coding como base para escalar operações. Por enquanto, mesmo que você teste e depure seu código gerado, as práticas recomendadas de vibe coding exigem que você use vibe coding apenas quando e onde os riscos para a empresa forem baixos. Mas, no futuro, é provável que haja mais aplicativos com vibe coding em produção.

2. Traduzir os requisitos da empresa em prompts

Prompts são as instruções que você digita em uma barra de chat de um LLM para obter o resultado desejado. Quanto mais específicas forem as instruções, melhor o resultado. Em vez de instruções vagas, por exemplo: “Crie uma página web”, descreva os botões que você deseja que a página tenha e que tipo de design ou cores você prefere. Inclua informações específicas, como as personas do usuário final e os requisitos de implementação implícitos. Um exemplo deste último, por exemplo, poderia ser: “Use o framework React para escrever o código, não use apenas JavaScript.”

Inclua também instruções para restrições. Por exemplo, “Certifique-se de que o mesmo código seja executado sem alterações em navegadores de dispositivos móveis e de desktop”.

Se precisar de ajuda para criar um prompt, você também pode usar um LLM para essa tarefa. Você pode até mesmo fazer com que o LLM faça perguntas para que você possa fornecer orientação enquanto ele gera o código. Essa abordagem permite que usuários sem experiência em programação se comuniquem em linguagem natural e, por fim, criem o aplicativo que desejam.

Aqui está um exemplo de prompt do aplicativo de vibe coding Lovable:

Preciso de um aplicativo de **gerenciamento de tarefas ccom:**
- **Tech Stack:** Front-end Next.js, Tailwind CSS para estilização, Supabase para autenticação e banco de dados.
- **Principais recursos:** criação de projetos e tarefas, atribuição de tarefas a usuários, lembretes de prazos e visão geral do painel.

Comece criando a **página principal do painel**, que contém:
- Um cabeçalho com navegação,
- Uma lista de projetos com seus status,
- e um botão para criar um novo projeto.

Embora você ainda precise de algum conhecimento rudimentar de codificação para começar, por exemplo, entender que CSS é para layouts, você aprenderá rapidamente se praticar o uso do LLM e comparar os prompts com a saída.

3. Iterar de forma rápida e com frequência

Normalmente, você revisaria o código gerado pelo LLM para garantir que ele faça sentido e, em seguida, o executaria em ambientes de sandbox para não expor vulnerabilidades a seções maiores de código valioso. Mas você pode abrir uma exceção aqui. Como o vibe coding visa gerar rapidamente uma demonstração de funcionamento, evite ficar sobrecarregado tentando encontrar erros e depurar o código você mesmo. Se o código não funcionar, basta reformular seus requisitos e pedir para o LLM gerar um novo código.

Confie no LLM e nos fluxos de trabalho do agente para gerar e verificar automaticamente todo o aplicativo. (Usuários iniciantes geralmente podem encontrar respostas para problemas de codificação em fóruns populares como o Stack Overflow.) Assim que tiver algo que funcione, compartilhe o protótipo com desenvolvedores experientes e incorpore o feedback ao documento de trabalho.

Quais são as maiores armadilhas e as possíveis soluções do vibe coding?

Como a IA tem suas limitações, é preciso estar ciente dos possíveis perigos desse método. Aqui estão alguns dos principais:

1. Desafios de segurança

Se nenhum desenvolvedor treinado inspecionar o código ou tentar testá-lo, o software gerado a partir de um exercício de vibe coding pode conter vulnerabilidades de segurança. Colocar esse código em produção representa um risco de facilitar violações de segurança cibernética e expor dados sensíveis. Os contêineres são uma possível solução para problemas de segurança, pois permitem que os usuários executem o código em um ambiente de sandbox seguro.

2. Código incorreto repetido

Se você não for um programador experiente, poderá ficar preso no processo de iteração, no qual o LLM fornece código incorreto mesmo depois de você solicitar que ele corrija os problemas. Se você não tiver mais uma versão funcional do código salva, talvez precise da ajuda de um programador. Embora isso anule o propósito do vibe coding, um pouco de ajuda pode ser muito útil nesses casos.

3. A síndrome de “Dory”

No filme de animação Procurando Nemo, a peixinha Dory sofre de uma espécie de amnésia: ela tem dificuldade para se lembrar de eventos e conversas recentes e, com frequência, precisa que as informações sejam repetidas.

Da mesma forma, os LLMs têm uma janela de contexto limitada. Após algumas iterações gerando código com novos prompts, o LLM esquece o objetivo do exercício e começará a se concentrar apenas em satisfazer o prompt mais recente. Isso é um problema porque o código líquido ignora o contexto mais amplo do projeto de vibe coding. Uma forma de evitar isso pode ser reiterar os objetivos do projeto ou lembrar o LLM de usar como base o que você já inseriu durante a sessão.

4. Perder o controle

Você pode perder o controle de suas alterações. Para evitar esse problema, aprenda a usar o sistema de controle de versão do código fonte.

Vibe coding 101: O que mais você precisa saber?

O vibe coding possibilita uma participação mais ampla no processo de desenvolvimento de software e facilita a colaboração cruzada entre as equipes. Como resultado, ele comprime o processo de design e desenvolvimento e proporciona uma prototipagem mais econômica.

Apesar das possíveis vantagens do vibe coding, as equipes devem agir com cautela e começar aos poucos. Fique de olho em armadilhas, como desafios de segurança, e evite implantar código não testado em bases de código viáveis existentes.

Se você mantiver essas dicas e ferramentas à mão, e se usá-las de maneira correta e responsável, com os olhos abertos para possíveis problemas, o vibe coding pode tornar o desenvolvimento de software mais democrático, colaborativo e eficiente. Isso, por sua vez, pode ajudar a concretizar rapidamente novas ideias que ajudam a superar a concorrência e a expandir seus negócios.

Como a Cloudflare pode ajudar?

Se você quer aprender a fazer vibe coding, as soluções da Cloudflare podem ajudar. Uma maneira de aprender o vibe coding e experimentar, por exemplo, é carregar o LLM Llama da Meta na Workers AI.

A Cloudflare também aborda os desafios de segurança por meio de contêineres. Se você planeja usar código gerado por IA a partir do vibe coding, que é inerentemente não confiável, é recomendável executá-lo no ambiente seguro e baseado em contêineres da Cloudflare.

O VibeSDK de código aberto da Cloudflare configura tudo o que você precisa para executar sua própria plataforma de desenvolvimento com tecnologia de IA:

  • Integração com LLMs para gerar código, criar aplicativos, depurar erros e iterar em tempo real.
  • Ambientes de desenvolvimento isolados que permitem que os usuários criem e visualizem seus aplicativos com segurança em sandboxes seguros
  • Escala infinita que permite implantar milhares ou até milhões de aplicativos, todos atendidos pela rede global da Cloudflare
  • Observability e armazenamento em cache entre vários provedores de IA, fornecendo insights sobre custos e desempenho com armazenamento em cache integrado para respostas populares
  • Modelos de projeto que os LLMs podem usar como ponto de partida para criar aplicativos comuns e acelerar o desenvolvimento
  • Exportação de projetos com um clique para a conta Cloudflare do usuário ou repositório GitHub, para que os usuários possam usar seu código e continuar o desenvolvimento por conta própria.

Para saber mais sobre como criar aplicativos implantáveis por meio de vibe coding, consulte nosso guia para criar agentes de IA na Cloudflare, que inclui recursos de LLMs para ajudar você a começar a usar o vibe coding. Confira também a plataforma de demonstração da Cloudflare. Você pode usá-la para criar e implementar aplicativos.

 

Perguntas frequentes

O que é vibe coding?

O vibe coding é um método para programadores e não programadores usarem grandes modelos de linguagem (LLMs) para gerar rapidamente protótipos funcionais.

Quais são os principais benefícios do vibe coding?

O vibe coding pode democratizar a criação de software e acelerar os ciclos de inovação, permitindo que pessoas que não são programadoras gerem protótipos rapidamente. Também é particularmente útil para administradores que lideram iniciativas técnicas.

Quais são os primeiros passos para começar a usar o vibe coding?

Para começar, identifique um projeto adequado, traduza os requisitos de negócios em prompts específicos para os LLMs e itere rapidamente no código gerado.

Quais são algumas possíveis armadilhas do vibe coding?

Possíveis problemas incluem vulnerabilidades de segurança, LLMs repetindo código errôneo, LLMs perdendo o contexto e perda de controle das alterações no código.

Como a Cloudflare pode auxiliar no processo de vibe coding?

A Cloudflare oferece o Workers AI para executar LLMs e fornece um ambiente seguro, baseado em contêineres, para executar código não confiável gerado por IA. A plataforma de codificação de código aberto VibeSDK da Cloudflare também oferece ferramentas para geração de código, depuração, ambientes isolados e escalabilidade.

Como os usuários podem mitigar os riscos associados ao vibe coding?

Para lidar com os possíveis riscos, utilize contêineres para segurança, solicite a ajuda de um programador quando necessário, reitere os objetivos do projeto ao LLM e empregue um sistema de controle de versão de origem.