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

Erfahren Sie, wie Sie die besten Ergebnisse erzielen, wenn Sie Spark Ihre App-Idee beschreiben.

Wer kann dieses Feature verwenden?

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

In diesem Artikel

Einführung

Spark kann eine veröffentlichungsfähige Web-App aus einer einzigen Eingabeaufforderung in natürlicher Sprache erstellen.

Es gibt ein paar Möglichkeiten, den Prompt und den Kontext zu verbessern, die Sie an Spark senden, damit Spark Ihre App-Idee so effektiv wie möglich Wirklichkeit werden lassen kann.

Um mit Spark zu beginnen, wechseln Sie zu https://github.com/spark.

Kombinieren Sie es mit Copilot, um Ihren ursprünglichen Spark Prompt feinabzustimmen.

Indem Sie Copilot etwas Kontext und Anweisungen geben, kann Copilot Ihnen dabei helfen, Ihren ursprünglichen Prompt für Spark so zu verfeinern, dass er Ihre Anforderungen bestmöglich vermittelt.

  1. Öffnen Sie Copilot-Chat.

  2. Senden Sie die folgende Eingabeaufforderung an Copilot, um den Wortlaut so zu bearbeiten, dass sie mit Ihrer eigenen App-Idee übereinstimmt.

    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. Öffnen Sie in einem neuen Browser-Tab Spark.

  4. Fügen Sie die Ausgabe von Copilot in das Eingabefeld von Spark ein, um Ihren Spark zu generieren.

Hochladen eines Markdown-Dokuments

Um sehr detaillierte Anforderungen in Ihre Eingabeaufforderung Sparkeinzuschließen, können Sie eine Markdowndatei, z. B. ein README.md, in Sparkdas Eingabefeld ziehen und ablegen und dann die folgende Beispielaufforderung verwenden.

Beispielprompt

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. Nehmen Sie dann ein Foto oder einen Screenshot Ihres Designs auf, und fügen Sie das Bild zusammen mit der folgenden Beispielaufforderung in Sparkdas Eingabefeld ein.

Beispiel-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.

Seien Sie bei den Formatierungsvorgaben konkret.

Mit Spark, können Sie auf bestimmte Designstile verweisen, z. B. glasmorph, minimal, retro, verspielt. Sie können auch Details zu Schriftschnitten, Farbpaletten oder Animationseffekten bereitstellen und Spark eine Schnittstelle erstellen, die Ihrer Vision entspricht.

Beispiel-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.