简介
Spark 可以从单个自然语言提示生成可发布的 Web 应用。
有几种方法可以改进你发送到 Spark的提示和上下文，以帮助 Spark 更有效地将你的应用想法转化为现实。
要开始使用 Spark 进行构建，请前往 https://github.com/spark。
与 Copilot 配合，微调你初始的 Spark 提示词
通过向 Copilot 提供一些背景信息和说明，Copilot 可以帮助你完善发给 Spark 的初始提示，从而更准确地传达你的要求。
-
打开 副驾驶聊天。
-
将以下提示词发送给 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.
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 文件（如 a 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.