GitHub Copilot に視覚的な入力を提供する

メモ

Copilotコーディングエージェントの概要については、「Copilot コーディングエージェントGitHubについて」を参照してください。

イントロダクション

コーディングエージェントは、タスクの説明として、スケッチまたは設計の写真やスクリーンショットなどのイメージを処理できます。これは、たとえば、UI の更新や設計の実装など、Copilot 視覚的に何を達成しようとしているのかを示す場合に役立ちます。

Copilot に画像を提供する方法は、2 つあります。

        **問題の中**: Copilot に完了させたいタスクの説明を含む画像を問題の本文に追加し、その後、その問題を Copilot に割り当てます。

        **Copilot チャット** で: Copilot にプル リクエストの作成を指示する際に、イメージをプロンプトに添付します。

問題を作成するリポジトリに移動します。
新しい問題を作成するか、既存の問題を開きます。
問題の本文で、画像をドラッグアンドドロップします。
Copilotが画像で何をすることを望んでいるのかを明確に説明を追加してください。たとえば、"このモックアップに合わせてログインフォームを更新しましょう" などです。
Copilot に問題を割り当てます。詳細な手順については、「 GitHub.com の Copilot に問題を割り当てる」を参照してください。

Copilot は、タスクの作業時に、イメージを説明と一緒に分析します。

Copilot チャットを開きます。
画像をチャットプロンプトに添付し、/task を使用して、Copilot にしてほしいことを記述します。たとえば、「このモックアップに一致するように通知バッジを更新する」などです。

詳細な手順については、「GitHub.com の Copilot チャットでプルリクエストを作成するよう Copilot に指示する」を参照してください。
Copilot は、画像をタスクの文脈に使用してプルリクエストを作成します。

        [AUTOTITLE](/copilot/how-tos/use-copilot-agents/coding-agent/create-a-pr)

        [AUTOTITLE](/copilot/tutorials/coding-agent/best-practices)

        [AUTOTITLE](/copilot/how-tos/use-copilot-agents/coding-agent/review-copilot-prs)