Programação de IA: como usar bem o Lovable

Meu melhor parceiro de programação de IA no momento é Adorável responder cantando Cursor ...novo e windsurfe, ambos ótimos também, escolhi os dois primeiros porque os limites eram altos o suficiente.

Site da Lovable:

https://lovable.dev/

Adorável, provavelmente não. parafuso.new tem um nome e recomendo a todos que o experimentem, especialmente aqueles que não sabem programar. Acabei de dar uma olhada e já criei um total de 40 projetos com o lovable.

A maior parte da postagem de hoje vem da documentação da X e da Lovable sobre as práticas recomendadas para o Lovable's Prompt, com minhas reflexões como uma boa medida. Se você quiser ler o artigo original diretamente, ele está aqui:

https://x.com/lovable_dev/status/1873078129469821044

O texto principal começa.

Usando o contexto

É necessário fornecer mais informações básicas. Exemplo:

Estamos criando uma ferramenta de gerenciamento de projetos que ajuda as equipes a monitorar tarefas.

A ferramenta deve ter os seguintes recursos:

• autenticação do usuário
• Criação de projetos
• executar algo
• Geração de relatórios

Agora, a primeira tarefa é criar a interface de usuário criada pelo projeto.

É uma espécie de .cursorrules aqui, para dar contexto ao que estou tentando fazer. Mas não se esqueça da clareza no final, qual é a primeira tarefa, que será abordada mais tarde, trata-se de dar um passo de cada vez e não deixar que a IA se desvie muito de nossas expectativas. Outro exemplo.

Preciso de um aplicativo de CRM (Customer Relationship Management) que se integre ao Supabase e tenha um processo de autenticação seguro. Comece criando o backend.

Estamos desenvolvendo uma plataforma de comércio eletrônico com foco em produtos ecológicos. Precisamos gerar uma página de listagem de produtos com filtros de categoria e preço.

Há uma contextualização das informações e, em seguida, a clareza da tarefa específica.

Detalhamento das tarefas

Uma das exigências que muitas pessoas fazem quando tentam programar com IA é: desenvolver um aplicativo de previsão do tempo, desenvolver um jogo de 2048. Isso também é verdade, começamos com isso e obtemos resultados impressionantes.

Mas vamos começar o trabalho de verdade sem deixar que a IA adivinhe o que precisamos.

Contraste:

Não seja assim:

Crie um sistema de CRM com todos os recursos

como este:

1. "Configurar o backend"

2. "Adicionar processo de autenticação"

3. "Adicionar função de exportação"

Isso é muito importante, inclusive o "planejamento de funções complexas" e o "processo de depuração" posteriores são a decomposição da tarefa:

Planejamento funcional complexo

Desmistificar o pensamento: vamos planejar a certificação:

1. Componentes necessários
2. interface de usuário
3. medida de segurança

Processo de depuração:

Siga esta estrutura:

1. Descreva o que deu errado
2. Explicação do comportamento esperado
3. Erro no console de compartilhamento

Uso de imagens

Essa é uma técnica importante, podemos fazer upload de capturas de tela, especialmente para usuários que não sabem programação e não conseguem "descrever com precisão", o que você quer dizer com "descrever com precisão"? Por exemplo, o layout de uma página da Web, há uma barra de navegação, um cabeçalho, um rodapé, esses são os conceitos básicos, e há um vocabulário mais complexo e especializado.

Melhor ainda é aprender a descrevê-lo - não é difícil. A segunda melhor opção é fornecer imagens de referência direta, por exemplo:

Crie este quadro Kanban que suporta arrastar e soltar entre colunas. Use o Pangea dnd para implementar o movimento dos cartões entre as colunas.

As capturas de tela ficam por conta de sua imaginação. Aqui está um termo estranho: pangea dnd. É uma maneira muito profissional de apresentar um requisito que não apenas apresenta um problema, mas também aponta na direção de uma solução. Há muitas práticas recomendadas que foram acumuladas ao longo dos anos no setor de programação. Não importa se você não sabe programar, você pode saber o que significa parte do vocabulário. Isso é muito útil ao programar IA.

Por exemplo, no meu caso, Bauhaus, Memphis, Mondrian, eu não prestei atenção antes, depois de usar a IA para me ajudar a trabalhar, preciso dar instruções claras à TA, preciso aprender um pouco. Para cada especialidade, há um sistema de conceitos que pode ser descoberto primeiro, como um gato e um rato.

Outro truque aqui é que, muitas vezes, a IA sabe mais e mais profundamente do que nós e, se não soubermos como perguntar, podemos perguntar à IA.

Feedback eficaz

Quando fazemos exigências.Em vez de dizer: "Melhore-o", diga: "O formulário de login funciona, mas precisa de verificação de e-mail e de uma mensagem de erro melhor se as senhas não corresponderem".

Essencialmente, ainda se trata de como dar um feedback mais claro à IA. Quando nos comunicamos com o modelo, podemos ser abstratos para abstratos, concretos para concretos. Há momentos em que realmente não sabemos o que pedir, podemos dizer: vamos melhorar a interação, vamos melhorar a visão, mas, nesse momento, é importante esclarecer mais uma vez o contexto do que estamos fazendo e, por meio de palavras-chave contextuais, o modelo pode se correlacionar pelo menos a um nível acima da média e, presumivelmente, sabemos a direção.

Configuração de restrições e atualizações da interface do usuário

Definição de limites claros:"Criar um aplicativo de lista de tarefas que se limite a exibir apenas 3 tarefas visíveis. Inclua a funcionalidade de adicionar/editar/excluir, mantendo nosso sistema de design atual."

Outro exemplo:"Apenas o design visual foi atualizado. Mantenha todos os recursos e chamadas de API iguais. Concentre-se em aprimorar o layout móvel."Ao enfatizar as melhorias visuais, é necessário deixar claro o que não precisa ser alterado. E assim por diante.

Requisitos de acessibilidade

Especifique a necessidade:"Gerar um formulário de login com rótulos ARIA, navegação por teclado e gerenciamento de foco adequado" - Também pode exigir que tenhamos algum conhecimento sobre isso. Saber é bom, a diferença está em saber ou não saber.

Na era da programação de IA, a curiosidade e a curiosidade devem ser um pouco mais importantes, pois saber ou não saber às vezes é a diferença.

Dao em afogamento de merda, trabalhar com IA é muito simples. Originalmente, eu queria escrever sobre essas habilidades de uma forma sofisticada, como se eu fosse mais do que capaz, mas, à medida que as uso mais e mais, quanto mais as experimento, acho que é bom manter a simplicidade, apresentá-las como elas são e ser útil para todos.

Você não precisa esperar que o Lovable faça todo o trabalho e, quando você tiver tentado as opções acima e o Lovable não parecer capaz de melhorar, o Cursor entra em ação.