编写有效的提示并为 Spark 提供有用的上下文

简介

Spark 可以通过单个自然语言提示构建可发布的 Web 应用。

有几种方法可以改进发送到 Spark 的提示和上下文，以帮助 Spark 最有效地将你的应用创意变为现实。

要开始使用 Spark 进行构建，请访问 https://github.com/spark。

与 Copilot 配合使用以优化初始 Spark 提示

通过向 Copilot 提供一些上下文和指令，Copilot 可帮助优化你向 Spark 发出的初始提示，从而最好地传达你的需求。

1. 打开 Copilot 对话助手。

2. 发送以下提示给 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.
   

3. 在新浏览器选项卡中，打开 Spark。

4. 将 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.