简介
Spark 可以仅通过一个自然语言提示构建可发布的 Web 应用。
有几种方法可以改进您发送给 Spark 的提示和上下文,以帮助 Spark 更有效地将您的应用想法变为现实。
要开始使用 Spark 构建,请访问 https://github.com/spark。
配合 Copilot 微调您的初始 Spark 提示
通过向 Copilot 提供一些上下文和指令,Copilot 可以帮助您完善向 Spark 的初始提示,以便更好地传达您的需求。
-
打开 Copilot 聊天。
-
将以下提示发送给 Copilot,并编辑措辞使其符合您自己的应用想法。
Copilot 提示 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.