From the course: AI-Powered Development: GitHub Copilot in Visual Studio

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Generate code based on an image

Generate code based on an image - Visual Studio Tutorial

From the course: AI-Powered Development: GitHub Copilot in Visual Studio

Start my 1-month free trial Buy for my team

Generate code based on an image

“

- [Instructor] In this first chat, I'm asking Copilot to generate a login form. My prompt is simple, "Generate HTML and CSS for a login form with username, password, and submit button." Notice I didn't specify the input types, I didn't say text fields, or input typical password. Let's see how Copilot interprets my prompt. In the second chat, let's open that, I'm uploading an image of the form, but I'm not telling Copilot what kind of form it is. I'm asking it to generate HTML and CSS based only on the image. We know that it is a login form by looking at the picture. Let's see if the chat engine can also determine that. Also, note for both chats, I've added a constraint to not use any resources, CSS, or HTML from this solution. This forces Copilot to rely entirely on what it sees and my simple prompts. So let's go back to the first thread. You can see it's acknowledging my prompt. It's telling me, "I'll generate a…

Contents