Instrucciones eficaces

La eficacia del esquema de tu app y la calidad del código generado dependen de la claridad y el detalle de tus instrucciones. Cuando uses App Prototyping agent, ten en cuenta los siguientes lineamientos para obtener indicaciones eficaces cuando generes y depures apps:

  • Sé específico: Define claramente las funciones, las interacciones del usuario y los requisitos de datos de tu app. Solicita tecnologías específicas cuando sea posible. Por ejemplo, si intentas crear una app web con elementos en 3D, te recomendamos que le pidas a Gemini que use three.js.
  • Pregunta sobre tareas adicionales para configurar servicios: Gemini puede escribir código para tu app, pero no puede configurar servicios, habilitar APIs ni aprovisionar recursos (como un bucket de Cloud Storage o una cuenta de Stripe). Asegúrate de decirle a Gemini que, si escribe código para servicios específicos, también debería decirte cómo configurarlos.
  • Usa Gemini para definir mejor tu instrucción: Usa Gemini para Google, chatea con Gemini en Firebase en la vista Code o en otras plataformas de Gemini para definir mejor y optimizar tu instrucción.
  • Proporciona contexto: Incluye información de referencia sobre el propósito, el público objetivo y la experiencia del usuario que deseas para tu app.
  • Usa ejemplos: Si es posible, proporciona ejemplos de cómo los usuarios deben interactuar con la app o qué datos se deben mostrar.
  • Itera y define mejor: Aborda el desarrollo de manera iterativa. Considera comenzar con una solicitud básica, luego agrega una función, pruébala, defínela mejor y, luego, agrega otra función.

Si sigues estos lineamientos, puedes mejorar significativamente la calidad y la relevancia de los esquemas de la app que genera Firebase Studio y su éxito cuando depuras tu app.

Usa instrucciones adicionales para definir mejor las respuestas

Si los resultados iniciales no son los que esperas, puedes definir mejor tus instrucciones. Para ello, agrega más detalles o proporciona instrucciones específicas:

  • Agrega restricciones: Especifica restricciones en la IU, el modelo de datos o las funciones.
  • Proporciona ejemplos: Proporciona ejemplos de cómo los usuarios deben interactuar con la app y qué datos deben aparecer.
  • Usa palabras clave: Usa palabras clave para describir las funciones o capacidades que quieres que el LLM asocie con la clase de resultado que deseas. Por ejemplo, puedes usar Material Design en una instrucción en la que indiques que quieres que tu app cumpla con los estándares de diseño de Google.
  • Solicita cambios específicos: Solicita cambios específicos en el código o el esquema generado. Agrega cada solicitud de función en una solicitud independiente.
  • Pídele al modelo que razone: Si tienes problemas para obtener los resultados que deseas, pídele al modelo que razone a través de la instrucción. Por ejemplo, podrías decir "Piensa paso a paso. Quiero crear un cuadro de entrada para mi app de tareas. Debe contener un botón “Agregar tarea” y un botón “Cancelar”.

Con estas técnicas, puedes definir mejor de forma iterativa tus instrucciones para obtener los resultados que deseas.

Ejemplos de instrucciones eficaces para los esquemas de apps

Estos son algunos ejemplos de instrucciones eficaces para diferentes tipos de apps:

Rastreador de tareas simple:

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 presupuesto:

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.

Consigna de la app de juego con asistencia 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.

Sugerencias para la depuración

Puedes usar Gemini en Firebase para depurar tu código con el chat en tu espacio de trabajo de Code o en App Prototyping agent.

Si bien Gemini puede escribir código por ti, a veces también puede generar errores. Cuando detecte un error, intentará corregirlo. Si descubres que no puede resolver el problema que se indica en el mensaje de error, puedes probar algunas de las siguientes técnicas:

  • Describe el problema: En la interfaz de chat, describe el problema que tienes de la forma más clara y concisa posible. Si bien Gemini puede tener acceso al contexto, como los mensajes de error y los registros, es posible que no comprenda todo el contexto. Describir el comportamiento junto con el mensaje de error puede ayudar a Gemini a corregir los errores más rápido.

  • Haz preguntas específicas: No tengas miedo de hacer Geminipreguntas directas sobre tu código. Por ejemplo, "¿Qué podría estar causando una excepción de puntero nulo en esta función?" o "¿Cómo puedo evitar esta condición de carrera?".

  • Divide los problemas complejos: Si tienes un problema complejo, divídelo en partes más pequeñas y fáciles de administrar. Pídele a Gemini que te ayude a depurar cada parte por separado y a pensar en los problemas paso a paso.

  • Usa barras de código: Cuando compartas fragmentos de código, usa barras de código para asegurarte de que el código tenga el formato correcto. Esto facilita que Gemini lea y comprenda tu código.

  • Itera y define mejor: Es posible que Gemini no siempre proporcione la solución perfecta en el primer intento. Revisa las respuestas, haz preguntas para aclarar y proporciona información adicional según sea necesario.

  • Evita los bucles de instrucciones: Si Gemini se bloquea en un bucle o no puede responder tu pregunta, intenta reformular la instrucción o proporcionar contexto adicional. A veces, solo reformular la pregunta puede ayudar a Gemini a comprender lo que le estás preguntando.

    Si reformular la consigna no resuelve el bucle, prueba las siguientes técnicas:

    • Iniciar un chat nuevo: Si usas Gemini en el chat de Firebase en tu espacio de trabajo de Code, inicia una nueva sesión de chat para restablecer el contexto de Gemini. Esto puede ayudar a deshacerse de cualquier malentendido o suposición que Gemini haya hecho en la conversación anterior.

    • Proporciona contraejemplos: Si Gemini hace suposiciones incorrectas, proporciona contraejemplos para ayudarlo a comprender el comportamiento correcto.

Próximos pasos