Provide visual inputs to GitHub Copilot

You can attach images to issues or Copilot チャット prompts to help Copilot understand your task.

この機能を使用できるユーザーについて

Copilot コーディング エージェント は、GitHub Copilot Pro、GitHub Copilot Pro+、GitHub Copilot Business、GitHub Copilot Enterprise プランで使用できます。 エージェントは、マネージド ユーザー アカウント によって所有されて明示的に無効になっているリポジトリを除き、GitHub に格納されているすべてのリポジトリで使用できます。
Sign up for Copilot

この記事の内容

メモ

For an overview of Copilot コーディング エージェント, see GitHub Copilot コーディング エージェントについて.

Introduction

コーディング エージェント 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 Copilot チャット: 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 Copilot チャット

  1. Open Copilot チャット.

  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 Copilot チャット in GitHub.com.

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

Further reading