Como pedir de forma eficaz

A eficácia do blueprint do app e a qualidade do código gerado dependem da clareza e dos detalhes dos comandos. Ao usar o App Prototyping agent, considere as seguintes diretrizes para uma solicitação eficaz ao gerar e depurar apps:

  • Seja específico:defina claramente os recursos, as interações do usuário e os requisitos de dados do app. Peça tecnologias específicas, se possível. Por exemplo, se você estiver tentando criar um app da Web com elementos 3D, peça para Gemini usar three.js.
  • Pergunte sobre outras tarefas para configurar serviços:o Gemini pode escrever código para seu app, mas não pode configurar serviços, ativar APIs ou provisionar recursos, como um bucket Cloud Storage ou uma conta do Stripe. Informe a Gemini que, se ela escrever código para serviços específicos, ela também precisará informar como configurar esses serviços.
  • Use Gemini para refinar a instrução:use Gemini para o Google, converse com o Gemini em Firebase na visualização Code ou outras Gemini para refinar e otimizar a instrução.
  • Forneça contexto:inclua informações sobre o propósito, o público-alvo e a experiência do usuário que você quer.
  • Use exemplos:se possível, forneça exemplos de como os usuários devem interagir com o app ou quais dados devem ser mostrados.
  • Iterar e refinar:aborde seu desenvolvimento de forma iterativa. Comece com uma solicitação básica, adicione um recurso, teste, refine e adicione outro recurso.

Ao seguir essas diretrizes, você pode melhorar significativamente a qualidade e a relevância dos modelos de app gerados por Firebase Studio e o sucesso ao depurar o app.

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 fornecendo instruções específicas:

  • Adicionar restrições:especifique restrições na IU, no modelo de dados ou nos recursos.
  • Forneça exemplos:dê exemplos de como os usuários devem interagir com o app e quais dados devem aparecer.
  • Usar palavras-chave:use palavras-chave para descrever os recursos ou recursos que você quer que a LLM possa associar à classe de saída. Por exemplo, você pode usar o Material Design em uma solicitação em que indica que quer que o app siga os padrões de design do Google.
  • Pedir mudanças específicas:peça mudanças específicas no código ou modelo 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 desejados, peça para o modelo raciocinar com base no comando. Por exemplo, você pode dizer "Pense passo a passo. Quero criar uma caixa de entrada para meu app de tarefas. Ela precisa conter um botão "Adicionar tarefa" e um botão "Cancelar"."

Ao usar essas técnicas, você pode refinar iterativamente suas instruções para conseguir os resultados que você quer.

Exemplos de comandos eficazes para modelos de apps

Confira alguns exemplos de comandos eficazes para diferentes tipos de apps:

Rastreador 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.

App 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.

Instrução do app de jogo com ajuda de 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

Você pode usar o Gemini no Firebase para ajudar a depurar seu código com chat no espaço de trabalho Code ou no App Prototyping agent.

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

  • Descreva o problema:na interface de chat, descreva o problema que você está enfrentando da forma mais clara e concisa possível. Embora o Gemini possa ter acesso a contextos, como mensagens de erro e registros, ele pode não entender o contexto 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 Gemini diretas sobre o código. Por exemplo, "O que pode estar causando uma exceção de ponteiro nulo nessa função?" ou "Como posso evitar essa condição de corrida?"

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

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

  • Iterar e refinar:o Gemini nem sempre oferece a solução perfeita na primeira tentativa. Analise as respostas, faça perguntas de esclarecimento e forneça mais informações conforme necessário.

  • Evite loops de solicitação:se o Gemini ficar preso em um loop ou não conseguir responder à pergunta, tente reformular a solicitação ou fornecer mais contexto. Às vezes, apenas reformular sua pergunta pode ajudar o Gemini a entender o que você está perguntando.

    Se reformular a instrução não resolver o loop, tente estas técnicas:

    • Iniciar uma nova conversa:se você estiver usando o Gemini no chat Firebase no seu espaço de trabalho Code, inicie uma nova sessão de chat para redefinir o contexto de Gemini. Isso pode ajudar a se livrar de qualquer equívoco ou suposição que Gemini possa ter feito na conversa anterior.

    • Fornecer contraexemplos:se o Gemini estiver fazendo suposições incorretas, forneça contraexemplos para ajudar a entender o comportamento correto.

Próximas etapas