This repo contains the open source version of AiAux -- a Chrome Extension that will allow you to query generative AI in existing/legacy web apps, without leaving the page. Once installed, the extension will let you type /ai your prompt here //, where "your prompt here" is used to query the AI to generate a response -- for example, you could use it within Gmail, and enter something like /ai write me a brief email in a helpful and friendly tone asking about next steps in my internship application // .
- Download this repo
- Unzip what you downloaded
- Open the file
aiaux/content.jsin your text editor, and add your own Open AI API key as the value for the variableYOUR_API_KEY - Open the extension page in Google Chrome -- in the URL/address bar, go to
chrome://extensions - Activate developer mode (upper right) with the slider-switch. Then click the "Load unpacked" button (upper left).
- Navigate into the folder where you unzipped the file (above), and into the
AiAux/aiauxfolder that includes files likemanifest.json. Select that directory, and Chrome will install the extension. - Make sure the extension is enabled by the slider-switch is in the "on" position, and you should see the extension icon (3 circles) appear in your Chrome toolbar.
This code listens for updates to any Chrome tab. When a tab finishes loading changeInfo.status === 'complete' and its URL starts with http, it injects content.js into the tab. If the script is successfully injected, a message "AiAux added foreground script" is logged. If there's an error during the injection, the error is logged to the console.
This code defines a Chrome extension that will add a dashed border around any textareas, text inputs, and contenteditable areas on a webpage. When the user types within any of these areas, if the text starts with /ai and ends with //, the extension will send the text (excluding the /ai prefix and // suffix) to OpenAI's API and replace the content of the element with the AI's response.
Set your API key for OpenAI as the value of YOUR_API_KEY in content.js at the line:
var YOUR_API_KEY = "USE_YOUR_OPENAI_API_KEY_HERE";
I'm also building out this extension -- getting it into the Chrome Web Store, and offering it as a service for people looking to target specific use-cases, and those who might not want to fuss with the code at all. You can check that out a aiaux.app. The extension available there is basically the same, but it includes user authentication and uses an API between the page and the AI engine, to enable additional logging and safeguards.