Rédigez des invites efficaces et fournissez un contexte utile pour Spark

Découvrez comment obtenir les meilleurs résultats lorsque vous décrivez votre idée d’application à Spark.

Qui peut utiliser cette fonctionnalité ?

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

Dans cet article

Introduction

Spark peut créer une application web publiable à partir d’une invite en langage naturel unique.

Il existe quelques façons d’améliorer l’invite et le contexte que vous envoyez à Spark, afin d’aider Spark à transformer efficacement votre idée d’application en réalité.

Pour commencer à créer avec Spark, accédez à https://github.com/spark.

Associez avec Copilot pour affiner votre prompt initial Spark

En fournissant à Copilot un certain contexte et des instructions, Copilot peut vous aider à affiner votre prompt initial destiné à Spark afin qu’il communique au mieux vos besoins.

  1. Ouvrez Discussion avec Copilot.

  2. Envoyez l’invite suivante à Copilot, en modifiant la formulation pour s’aligner sur votre propre idée d’application.

    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. Dans un nouvel onglet de navigateur, ouvrez Spark.

  4. Collez la sortie de Copilot dans le champ d’entrée de Spark pour générer votre étincelle.

Télécharger un document Markdown

Pour inclure des exigences très détaillées dans votre prompt à Spark, vous pouvez faire glisser-déposer un fichier Markdown, tel qu’un README.md, dans le champ de saisie de Spark, puis utiliser l’exemple de prompt suivant.

Exemple d’invite

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.

Télécharger un croquis ou une image

Vous pouvez dessiner votre idée d’application à l’aide d’un outil numérique ou manuellement. Ensuite, prenez une photo ou une capture d’écran de votre design et joignez l’image au champ de saisie de Spark, ainsi que l’exemple de prompt suivant.

Exemple de 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.

Soyez spécifique avec les exigences de style

Avec Spark, vous pouvez référencer des styles de conception spécifiques, tels que verremorphique, minimaliste, rétro, ludique. Vous pouvez également fournir des détails sur les styles de police, les palettes de couleurs ou les effets d’animation, et Spark créer une interface qui correspond à votre vision.

Exemple d’invite

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.