Введение
Spark может создавать публикуемое веб-приложение из одного запроса на естественном языке.
Существует несколько способов улучшить запрос и контекст, которые вы отправляете в Spark, чтобы помочь Spark наиболее эффективно превратить идею приложения в реальность.
Чтобы начать сборку с Spark, перейдите в раздел https://github.com/spark.
Связывание с Copilot для точной настройки начального запроса Spark
Предоставляя Copilot с некоторыми контекстами и инструкциями, Copilot поможет вам уточнить начальный запрос на Spark, чтобы лучше взаимодействовать с вашими требованиями.
-
Откройте Copilot Chat.
-
Отправьте следующий запрос на Copilot, изменив формулировку, чтобы выровнять свою идею приложения.
Copilot Chat 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.
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. -
На новой вкладке браузера откройте Spark.
-
Вставьте выходные данные Copilotв поле ввода Spark, чтобы создать spark.
Отправка документа markdown
Чтобы включить очень подробные требования в запрос на Spark, можно перетащить файл markdown, например README.mdв поле ввода Spark, а затем использовать следующий пример запроса.
Пример запроса
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.
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, а также в следующем примере запроса.
Пример запроса
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.
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 может создать интерфейс, соответствующий вашему визуальному представлению.
Пример запроса
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.
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.