Escritura de mensajes eficaces y suministro de contexto útil para Spark

Obtenga información sobre cómo obtener los mejores resultados cuando describa la idea de la aplicación en Spark.

¿Quién puede utilizar esta característica?

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

En este artículo

Introducción

Spark puede crear una aplicación web lista para publicar a partir de una única instrucción en lenguaje natural.

Hay un par de maneras de mejorar el mensaje y el contexto que envías a Spark, para ayudar a convertir Spark la idea de la aplicación de forma más eficaz en realidad.

Para empezar a compilar con Spark, vaya a https://github.com/spark.

Emparejar con Copilot para ajustar la indicación inicial Spark

Al proporcionar a Copilot algo de contexto e instrucciones, Copilot puede ayudarte a refinar tu prompt inicial para Spark de modo que comunique mejor tus requisitos.

  1. Abra Chat de Copiloto.

  2. Envíe el siguiente mensaje a Copilot, editando el texto para alinearse con su propia idea de aplicación.

    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. En una nueva pestaña del explorador, abra Spark.

  4. Pegue la salida de Copilot en el campo de entrada de Spark para generar su Spark.

Carga de un documento de Markdown

Para incluir requisitos muy detallados en el prompt para Spark, puede arrastrar y soltar un archivo Markdown, como README.md, en el campo de entrada de Spark y, a continuación, usar el siguiente prompt de ejemplo.

Ejemplo de solicitud

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.

Carga de un boceto o una imagen

Puedes esbozar la idea de la aplicación con una herramienta digital o a mano. A continuación, tome una foto o captura de pantalla del diseño y adjunte la imagen al Sparkcampo de entrada, junto con el siguiente mensaje de ejemplo.

Instrucción de ejemplo

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.

Definición de requisitos de estilo específicos

Con Spark, puedes hacer referencia a estilos de diseño específicos, como vidriomórfico, minimalista, retro, juguetón. También puede proporcionar detalles sobre estilos de fuente, paletas de colores o efectos de animación, y Spark puede crear una interfaz que coincida con su visión.

Instrucción de ejemplo

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.