Provide visual inputs to GitHub Copilot

Introduction

Agente de codificação can process images, such as a photo or screenshot of a sketch or design, as part of your task description. This is useful when you want to show Copilot what you're trying to achieve visually, for example, when updating a UI or implementing a design.

You can provide images to Copilot in two ways:

• In an issue: Add an image to the issue body, with a description of the task you want Copilot to complete, then assign the issue to Copilot.
• In Bate-papo do Copiloto: Attach images to your prompt when you ask Copilot to create a pull request.

Attaching images to an issue

1. Navigate to the repository where you want to create the issue.
2. Create a new issue or open an existing issue.
3. In the issue body, drag and drop your image.
4. Add a clear description of what you want Copilot to do with the image. For example, "Let's update the login form to match this mockup".
5. Assign the issue to Copilot. For detailed instructions, see Assign an issue to Copilot on GitHub.com.

Copilot will analyze the image along with your description when working on the task.

Attaching images in Bate-papo do Copiloto

1. Open Bate-papo do Copiloto.

2. Attach your image to the chat prompt, and use /task to describe what you want Copilot to do. For example, "Update the notification badge to match this mockup".

   For detailed instructions, see Asking Copilot to create a pull request from Bate-papo do Copiloto in GitHub.com.

3. Copilot will create a pull request using the image as context for the task.

Further reading

• Como pedir para o GitHub Copilot criar uma pull request
• Práticas recomendadas de uso do GitHub Copilot para trabalhar em tarefas
• Como revisar uma pull request criada pelo GitHub Copilot