Comandos eficazes

A eficácia do blueprint do aplicativo e a qualidade do código gerado dependem da clareza e dos detalhes dos seus comandos. Ao usar o App Prototyping agent, considere as orientações a seguir sobre comandos eficazes ao gerar e depurar aplicativos:

  • Seja específico: defina claramente os recursos, as interações do usuário e os requisitos de dados do seus aplicativo. Peça tecnologias específicas, se possível. Por exemplo, se você for criar um web app com elementos 3D, peça para o Gemini usar o three.js.
  • Pergunte sobre outras tarefas para configurar serviços: o Gemini pode escrever o código do seu aplicativo, mas não pode configurar serviços, ativar APIs ou provisionar recursos, como um bucket do Cloud Storage ou uma conta do Stripe. Diga ao Gemini que, se ele escrever código para serviços específicos, também precisará informar a você como configurar esses serviços.
  • Use o Gemini para refinar seu comando: use o Gemini para o Google, converse com o Gemini no Firebase na visualização do Code ou outras interfaces do Gemini para refinar e otimizar o comando.
  • Dê contexto: inclua informações básicas sobre o propósito, o público-alvo e a experiência do usuário que você quer.
  • Use exemplos: se possível, dê exemplos de como precisa ser a interação dos usuários com o app ou quais dados devem ser exibidos.
  • Itere e refine: trate seu desenvolvimento de maneira iterativa. Comece por uma solicitação básica, adicione um recurso, teste-o, refine-o e depois adicione outro recurso.

Ao seguir essas orientações, é possível aumentar significativamente a qualidade e a relevância dos blueprints do aplicativo gerados pelo Firebase Studio e o sucesso ao depurar o aplicativo.

Usar outros comandos para refinar as respostas

Se os resultados iniciais não forem o que você espera, refine seus comandos adicionando mais detalhes ou dando instruções específicas:

  • Adicione restrições: especifique restrições na IU, no modelo de dados ou nos recursos.
  • Dê exemplos: exemplifique como precisa ser a interação dos usuários com o aplicativo e quais dados devem ser exibidos.
  • Use palavras-chave: use palavras-chave para descrever os recursos que você quer que o LLM possa associar à classe de resposta esperada. Por exemplo, use Material Design em um comando para indicar que você quer que o aplicativo siga os padrões de design do Google.
  • Peça mudanças específicas: peça mudanças específicas no código ou blueprint gerado. Adicione cada solicitação de recurso em uma solicitação separada.
  • Peça para o modelo raciocinar: se você tiver problemas para conseguir os resultados esperados, peça para o modelo raciocinar com base no comando. Por exemplo, diga "Pense passo a passo. Quero criar uma caixa de entrada no meu aplicativo de tarefas. Ela precisa conter um botão 'Adicionar tarefa' e um botão 'Cancelar'".

Com essas técnicas, é possível refinar iterativamente seus comandos para conseguir os resultados esperados.

Exemplos de comandos eficazes para blueprints do aplicativo

Confira a seguir alguns exemplos de comandos eficazes para diferentes tipos de aplicativos:

Acompanhamento de tarefas simples:

Create a simple web app that displays a list of to-do items.
Users should be able to add new items to the list and mark items as complete.
Provide a way to delete items and export the list as a text file.
Use a clean and modern UI using Google Material Design principles.

Aplicativo de orçamento:

A budgeting and expense tracking app with spending categories, charts, and
budget goals. Include a clean dashboard with key insights. It should include
spending categories, charts, and budget goals. The app should allow users to
manually add expenses or upload csv files. The app should also allow users to
upload receipts, then use AI to convert the receipt into an expense entry that
users can edit. Data should be stored in browser cache, with download and
delete options.

Comando para app de jogo com ajuda do Gemini (Markdown):

Generate a delightful sliding number puzzle game (15-puzzle) with Javascript,
HTML, and CSS.

- **Setup:** Create a 4x4 grid with numbers 1-15 and one empty space. Use a
  **solvable shuffling algorithm** to randomize the start.
- **Gameplay:** Allow clicking tiles **adjacent to the empty space** to slide
  them. Count and display the number of moves.
- **Timer:** Include a **countdown timer** starting at **120 seconds**
  (2 minutes).
- **End Conditions:**
    - If solved (numbers 1-15 in order): Alert with an encouraging winning
      statement generated by AI.
    - If timer reaches 0: Alert with a funny retort generated by AI.

Dicas de depuração

É possível usar o Gemini no Firebase para ajudar a depurar o código pela conversa no seu espaço de trabalho do Code ou no App Prototyping agent.

Embora o Gemini possa escrever código por você, às vezes ele também pode produzir erros. Quando detecta um erro, ele tenta corrigi-lo. Se você achar que não é possível resolver o problema devido à mensagem de erro, tente algumas destas técnicas:

  • Descreva o problema: na interface da conversa, descreva o problema que está enfrentando da forma mais clara e concisa possível. Embora o Gemini possa ter acesso ao contexto, como mensagens de erro e registros, ele pode não o entender por completo. Descrever o comportamento com a mensagem de erro pode ajudar o Gemini a corrigir erros mais rapidamente.

  • Faça perguntas específicas: não tenha medo de fazer perguntas diretas sobre o código ao Gemini. Por exemplo, "O que pode estar causando uma exceção de ponteiro nulo nesta função?" ou "Como posso evitar esta disputa?"

  • Divida problemas complexos: se você estiver lidando com um problema complexo, divida-o em partes menores e mais fáceis de gerenciar. Peça para o Gemini ajudar a depurar cada parte separadamente e pensar nos problemas passo a passo.

  • Use delimitadores de código: ao compartilhar snippets de código, use delimitadores de código para garantir que o código seja formatado corretamente. Isso facilita a leitura e a compreensão do código pelo Gemini.

  • Itere e refine: o Gemini nem sempre sugere a solução perfeita na primeira tentativa. Analise as respostas, faça perguntas para esclarecimento e dê mais informações conforme necessário.

  • Evite repetições de comandos: se o Gemini ficar preso em uma repetição ou não conseguir responder à pergunta, tente reformular o comando ou dar mais contexto. Às vezes, basta reformular sua pergunta para ajudar o Gemini a entender o que você quer.

    Se reformular o comando não resolver a repetição, tente estas técnicas:

    • Inicie uma nova conversa: se você estiver usando a conversa do Gemini no Firebase no seu espaço de trabalho do Code, inicie uma nova sessão de conversa para redefinir o contexto do Gemini. Isso pode ajudar a evitar equívocos ou suposições que o Gemini tenha produzido na conversa anterior.

    • Contraponha-se com exemplos: se o Gemini gerar suposições incorretas, contraponha-se com exemplos para ajudá-lo a entender o comportamento correto.

Próximas etapas