Escrever prompts eficazes e fornecer contexto útil para o Spark

Saiba como obter os melhores resultados ao descrever a ideia do aplicativo.Spark

Quem pode usar esse recurso?

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

Neste artigo

Introdução

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

Há algumas maneiras de melhorar o prompt e o contexto que você envia para Spark, para ajudar Spark a transformar sua ideia de aplicativo em realidade da forma mais eficaz possível.

Para começar a construir com Spark, vá para https://github.com/spark.

Emparelhar com Copilot para ajustar seu prompt inicial Spark

Ao fornecer a Copilot algum contexto e instruções, Copilot pode ajudar você a aprimorar seu prompt inicial para Spark, para que ele comunique seus requisitos da melhor forma.

  1. Abra o Bate-papo do Copilot.

  2. Envie o prompt a seguir para Copilot, editando a redação para alinhá-la à sua própria ideia de app.

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

  4. Cole a saída de Copilot no campo de entrada de Spark para gerar sua faísca.

Fazer upload de um documento Markdown

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

Exemplo de prompt

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.

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 captura de tela do seu design e anexe a imagem ao Sparkcampo de entrada, juntamente com o prompt de exemplo a seguir.

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

Seja específico quanto aos requisitos de estilo

Com Spark, você pode referenciar estilos de design específicos, como vidórfico, minimalista, retrô, lúdico. Você também pode fornecer detalhes sobre estilos de fonte, paletas de cores ou efeitos de animação e Spark pode criar uma interface que corresponda à sua visão.

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