Escrever prompts efetivos e fornecer contexto útil para o Spark

Saiba como obter os melhores resultados ao descrever sua ideia de aplicativo para o Spark.

Quem pode usar esse recurso?

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

Neste artigo

Introdução

O Spark pode criar um aplicativo Web publicável a partir de um único prompt em linguagem natural.

Há algumas maneiras de aprimorar o prompt e o contexto enviados ao Spark para ajudá-lo a transformar sua ideia de aplicativo em realidade com maior eficiência.

Para começar a criar usando o Spark, vá até https://github.com/spark.

Utilize também o Copilot para ajustar seu prompt inicial do Spark

Ao fornecer ao Copilot contexto e instruções, o Copilot pode ajudar você a refinar seu prompt inicial para o Spark para que ele comunique melhor seus requisitos.

  1. Abra o Copilot Chat.

  2. Envie o seguinte prompt ao Copilot, editando o texto para alinhá-lo à sua ideia de aplicativo.

    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. Em uma nova guia do navegador, abra o Spark.

  4. Cole a saída do Copilot no campo de entrada do Spark para gerar o spark.

Carregar um documento de markdown

Para incluir requisitos detalhados em seu prompt para o Spark, você pode arrastar e soltar um arquivo markdown, como um README.md, para o campo de entrada do Spark e, em seguida, usar o prompt de exemplo a seguir.

Solicitação de exemplo

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.

Carregue um esboço ou uma imagem

Você pode esboçar sua ideia de aplicativo manualmente ou usando uma ferramenta digital. Em seguida, tire uma foto ou uma captura de tela do design e anexe a imagem no campo de entrada do Spark, junto com o prompt de exemplo a seguir.

Solicitação de exemplo

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.

Seja específico quanto aos requisitos de estilo

Com o Spark, você pode fazer referência a estilos de design específicos, como vidromórfico, minimalista, retrô, divertido. Você também pode fornecer detalhes sobre estilos de fonte, paletas de cores ou efeitos de animação, e o Spark pode criar uma interface correspondente à sua visão.

Solicitação de exemplo

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.