Написание эффективных запросов и предоставление полезного контекста для Spark

Узнайте, как добиться наилучших результатов, когда описываете идею приложения по Spark.

Кто может использовать эту функцию?

Anyone with a Copilot Pro+, Copilot Max, or Копилот Энтерпрайз license can use Spark.

В этой статье

Введение

Spark Можно создать публикуемое веб-приложение на основе одного запроса на естественном языке.

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

Чтобы начать строить с Spark, перейдите в https://github.com/spark.

Сопоставьте их Copilot , чтобы отточить первоначальный Spark запрос

Предоставляя Copilot контекст и инструкции, Copilot вы можете уточнить ваш первоначальный запрос Spark так, чтобы он максимально хорошо отражал ваши потребности.

  1. Откройте Копилот Чат.

  2. Отправьте следующий запрос на Copilot, редактируйте формулировку, чтобы она соответствовала вашей идее приложения.

    Copilot prompt
    I have a no-code app builder that can build an entire app through a single prompt. It's called GitHub Spark. Let's work together to build a Spark prompt.

The prompt should focus on adequately describing the features and requirements so I can get an great app that [DESCRIBE APP IDEA].

Do not include in the prompt where to place files in the project directory, explain coding standards, tell the agent how to code a feature, or request a README.

The prompt should use vibrant and specific language to describe the app idea.

The final prompt should allow the app to be extensible and easily iterated on.

Ask follow up questions if necessary.

  3. В новой вкладке браузера откройте Spark.

  4. Вставьте Copilotвывод в Sparkвходное поле , чтобы сгенерировать искру.

Отправка документа markdown

Чтобы включить очень подробные требования в ваш запрос Spark, вы можете перетащить файл markdown, например , README.mdв Sparkполе ввода , а затем использовать следующий пример запроса.

Пример запроса

Copilot prompt
Build a production-ready app inspired by the requirements outlined in this markdown file.

Carefully interpret the features, user flows, and design details described, and transform them into a visually engaging, intuitive, and responsive application.

Prioritize usability, accessibility, and seamless user experience throughout.

Отправка эскиза или изображения

Вы можете нарисовать идею приложения с помощью цифрового инструмента или вручную. Затем сделайте фото или скриншот вашего дизайна и прикрепите изображение в Sparkполе ввода вместе со следующим примером запроса.

Пример запроса

Copilot prompt
Build a production-ready app inspired by the attached image.

Interpret the visual design, layout, and any details shown in the image to create a vibrant, intuitive, and user-friendly experience.

Prioritize usability, accessibility, and seamless user experience throughout.

Будьте конкретными с требованиями к стилю

С помощью , вы можете ориентироваться Sparkна определённые стили дизайна, такие как стекломорфный, минималистичный, ретро, игривый. Вы также можете предоставить детали стилей шрифтов, цветовых палитр или анимационных эффектов, а Spark также создать интерфейс, соответствующий вашему видению.

Пример запроса

Copilot prompt
Design my task management app with a glassmorphic style. Use modern, rounded sans-serif fonts for a sleek, contemporary look, and add gentle animations when tasks are completed.