Как писать эффективные запросы

Эффективность вашего проекта приложения и качество сгенерированного кода зависят от ясности и детализации ваших подсказок. При использовании App Prototyping agent учтите следующие рекомендации для эффективного подсказок при создании и отладке приложений:

  • Будьте конкретны: четко определите функции, взаимодействие с пользователем и требования к данным вашего приложения. По возможности запрашивайте конкретные технологии. Например, если вы пытаетесь создать веб-приложение с 3D-элементами, вы можете попросить Gemini использовать three.js .
  • Спросите о дополнительных задачах по настройке служб: Gemini может писать код для вашего приложения, но он не может настраивать службы, включать API или предоставлять ресурсы (например, контейнер Cloud Storage или учетную запись Stripe). Обязательно сообщите Gemini , что если он пишет код для определенных служб, он также должен рассказать вам, как настроить эти службы.
  • Используйте Gemini для уточнения подсказок: используйте Gemini для Google , общайтесь с Gemini в Firebase в представлении Code или на других платформах Gemini , чтобы уточнить и оптимизировать подсказки.
  • Предоставьте контекст: включите справочную информацию о цели вашего приложения, целевой аудитории и желаемом пользовательском опыте.
  • Используйте примеры: если возможно, приведите примеры того, как пользователи должны взаимодействовать с приложением или какие данные должны отображаться.
  • Итерация и уточнение: подходите к разработке итеративно . Рассмотрите возможность начать с базового запроса, затем добавить функцию, протестировать ее, усовершенствовать, затем добавить еще одну функцию.

Следуя этим рекомендациям, вы можете значительно повысить качество и актуальность чертежей приложений, создаваемых Firebase Studio , а также их успешность при отладке вашего приложения.

Используйте дополнительные подсказки для уточнения ответов

Если первоначальные результаты не соответствуют вашим ожиданиям, вы можете уточнить свои подсказки, добавив больше подробностей или предоставив конкретные инструкции:

  • Добавьте ограничения: укажите ограничения для пользовательского интерфейса, модели данных или функций.
  • Приведите примеры: приведите примеры того, как пользователи должны взаимодействовать с приложением и какие данные должны отображаться.
  • Используйте ключевые слова: используйте ключевые слова для описания функций или возможностей, которые вы хотите, чтобы LLM мог связать с классом выходных данных, которые вы хотите. Например, вы можете использовать Material Design в подсказке, где вы указываете, что хотите, чтобы ваше приложение соответствовало стандартам дизайна Google.
  • Запросите конкретные изменения: Запросите конкретные изменения в сгенерированном коде или чертеже. Добавьте каждый запрос на функцию в отдельный запрос.
  • Попросите модель рассуждать: Если у вас возникли проблемы с получением желаемых результатов, попробуйте попросить модель рассуждать по подсказке. Например, вы можете сказать: «Думай шаг за шагом. Я хочу создать поле ввода для своего приложения задач. Оно должно содержать кнопку «Добавить задачу» и кнопку «Отмена».

Используя эти методы, вы можете последовательно совершенствовать свои подсказки, чтобы получить желаемые результаты.

Примеры эффективных подсказок для чертежей приложений

Вот несколько примеров эффективных подсказок для разных типов приложений:

Простой трекер задач:

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.

Приложение для составления бюджета:

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.

Подсказка игрового приложения с помощью 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.

Советы по отладке

Вы можете использовать Gemini в Firebase для отладки кода с помощью чата в рабочей области Code или App Prototyping agent .

Хотя Gemini может писать код для вас, иногда он также может выдавать ошибки. Когда он обнаруживает ошибку, он попытается ее исправить. Если вы обнаружите, что он не может решить проблему, учитывая сообщение об ошибке, вы можете попробовать некоторые из следующих методов:

  • Опишите проблему: в интерфейсе чата опишите проблему, с которой вы столкнулись, как можно более четко и кратко. Хотя Gemini может иметь доступ к контексту, например сообщениям об ошибках и журналам, он может не понимать весь контекст. Описание поведения вместе с сообщением об ошибке может помочь Gemini быстрее исправить ошибки.

  • Задавайте конкретные вопросы: Не бойтесь задавать Gemini прямые вопросы о вашем коде. Например, «Что может вызывать исключение нулевого указателя в этой функции?» или «Как предотвратить это состояние гонки?»

  • Разбивайте сложные проблемы: Если вы имеете дело со сложной проблемой, разбейте ее на более мелкие, более управляемые части. Попросите Gemini помочь вам отладить каждую часть по отдельности и продумать проблемы шаг за шагом.

  • Используйте ограждения кода: При обмене фрагментами кода используйте ограждения кода, чтобы гарантировать, что код правильно отформатирован. Это облегчит Gemini чтение и понимание вашего кода.

  • Повторяйте и уточняйте: Gemini не всегда может дать идеальное решение с первой попытки. Просмотрите ответы, задайте уточняющие вопросы и предоставьте дополнительную информацию по мере необходимости.

  • Избегайте циклов подсказок: Если Близнецы застряли в цикле или не могут ответить на ваш вопрос, попробуйте перефразировать подсказку или предоставить дополнительный контекст. Иногда простая перефразировка вопроса может помочь Близнецам понять, о чем вы спрашиваете.

    Если перефразирование подсказки не помогло разрешить цикл, попробуйте следующие методы:

    • Начните новый чат: Если вы используете Gemini в чате Firebase в вашем рабочем пространстве Code , начните новый сеанс чата, чтобы сбросить контекст Gemini . Это может помочь избавиться от любых заблуждений или предположений, которые Gemini мог сделать в предыдущем разговоре.

    • Приведите контрпримеры: если Близнецы делают неверные предположения, приведите контрпримеры, чтобы помочь им понять правильное поведение.

Следующие шаги