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

Aprende a obtener los mejores resultados cuando describes tu idea de aplicación a Spark.

¿Quién puede utilizar esta característica?

Anyone with a Copilot Pro+ license can use Spark.

En este artículo

Introducción

Spark puede compilar una aplicación web que se puede publicar desde un único mensaje en lenguaje natural.

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

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

Emparejamiento con Copilot para ajustar el mensaje inicial de Spark

Al proporcionar a Copilot algo de contexto e instrucciones, Copilot puede ayudarte a refinar el mensaje inicial para Spark de forma que comunique mejor tus requisitos.

  1. Abre Copilot Chat.

  2. Envía el siguiente mensaje a Copilot y edita el texto para alinearlo con tu propia idea de aplicación.

    Copilot Chat 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, abre Spark.

  4. Pega la salida de Copilot en el campo de entrada de Spark para generar la instancia de spark.

Carga de un documento de Markdown

Para incluir requisitos muy detallados en el mensaje para Spark, puedes arrastrar y colocar un archivo de Markdown, como un README.md, en el campo de entrada de Spark y, después, usar el siguiente mensaje de ejemplo.

Ejemplos de indicaciones

Copilot Chat 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. Después, toma una foto o captura de pantalla del diseño, y adjunta la imagen al campo de entrada de Spark, junto con el siguiente mensaje de ejemplo.

Ejemplos de indicaciones

Copilot Chat 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 cristalmórfico, minimalista, retro o dinámico. También puedes proporcionar detalles sobre estilos de fuente, paletas de colores o efectos de animación, y Spark puede crear una interfaz que coincida con tu visión.

Ejemplos de indicaciones

Copilot Chat 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.