Description

The best way of using AI is to have the proper prompt to be used. Images are usually something that can be easily understandable by the AI and improve the answer. Images of an application is common as well and it makes easier for the AI to give a good answer. Creating an AI Screen assistant, either as an extension or direct into the code. In the end it works as a shortcut to take screenshot and send to AI. The prompt will be the screenshot + a text provided, the answer should appear on the screen.

Goals

• Create the feature in a way that can be used in Rancher specially focused for internal usage.

Resources

Some tutorial for Vue.js screenshot: https://www.digitalocean.com/community/tutorials/vuejs-screenshot-ui OpenAI API: https://platform.openai.com/docs/api-reference/introduction Gemini API: https://ai.google.dev/gemini-api/docs