Schreiben effektiver Prompts und Bereitstellen nützlicher Kontextinformationen für Spark

Hier erfährst du, wie du beim Beschreiben deiner App-Idee für Spark die besten Ergebnisse erzielst.

Wer kann dieses Feature verwenden?

Anyone with a Copilot Pro+ or Copilot Enterprise license can use Spark.

In diesem Artikel

Einführung

Spark kann eine Web-App, die veröffentlicht werden können, über eine einzelne Prompts in natürlicher Sprache erstellen.

Es gibt mehrere Verbesserungsmöglichkeiten für Prompts und Kontext, die du an Spark sendest, damit Spark deine App-Idee effektiv umsetzen kann.

Um mit der Erstellung mit Spark zu beginnen, wechsle zu https://github.com/spark.

Arbeite mit Copilot zusammen, um deinen Spark-Ausgangsprompt zu optimieren.

Durch das Bereitstellen von Kontext und Anweisungen für Copilot kann Copilot dich dabei unterstützen, deinen Ausgangsprompt für Spark zu optimieren, damit er deine Anforderungen am besten kommuniziert.

  1. Öffne Copilot-Chat.

  2. Sende den folgenden Prompt an Copilot, und bearbeite die Formulierung so, dass sie zu deiner eigenen App-Idee passt.

    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. Öffne auf einer neuen Browserregisterkarte Spark.

  4. Füge die Ausgabe von Copilot in das Eingabefeld von Spark ein, um deine Spark-App zu generieren.

Hochladen eines Markdown-Dokuments

Um sehr detaillierte Anforderungen in deinen Prompt für Spark aufzunehmen, kannst du eine Markdowndatei wie README.md per Drag & Drop in das Eingabefeld von Spark verschieben und dann den folgenden Prompt verwenden.

Beispiel für Prompt

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.

Hochladen einer Skizze oder eines Bilds

Du kannst deine App-Idee mit einem digitalen Tool oder von Hand skizzieren. Mache anschließend ein Foto oder einen Screenshot deines Entwurfs, und füge das Bild zusammen mit dem folgenden Prompt an das Eingabefeld von Spark an.

Beispiel für Prompt

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.

Spezifizieren der Formatierungsanforderungen

Mit Spark kannst du auf bestimmte Entwurfsstile wie Glasmorphismus, Retro oder verspielt verweisen. Du kannst außerdem Details zu Schriftschnitten, Farbpaletten oder Animationseffekten aufführen, und Spark kann eine Schnittstelle erstellen, die deiner Vision entspricht.

Beispiel für Prompt

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.