FormAIdable enhances form interactions on web pages by enabling autocomplete functionality using data from another Chrome tab.
- Autofill web forms using data from another tab
- Supports
inputandtextareaelements (more input types to be added) - Lightweight and easy to integrate
To use this extension, you need to configure it with your OpenAI API key, model, and an optional custom prompt. Follow these steps to set it up:
- Install the Extension:
- Go to the browser extension store and install the "Form Filler Extension".
- Open Extension Options:
- Click on the extension icon in your browser toolbar.
- Select "Options" from the dropdown menu.
- Configure API Key:
- In the options page, you will see a field labeled "OpenAI API Key".
- Enter your OpenAI API key in this field. This key is required for the extension to function.
- Select Model:
- In the options page, you will see a field labeled "OpenAI Model".
- Enter the model you wish to use (e.g., gpt-4o-mini-2024-07-18).
-
Custom Prompt (Optional): In the options page, you will see a field labeled "Custom Prompt". You can enter a custom prompt to tailor the behavior of the form filling. This field is optional.
-
Save Settings:
- After entering the required information, click the "Save" button to store your settings.
- Using the Extension:
- Navigate to the web page with the form you want to fill.
- Click on the extension icon and select the form you want to autofill.
- The extension will use the configured OpenAI API key and model to fetch data and fill the form.
By following these steps, you can easily set up and use the "FormAIdable" to automate form filling on web pages. If you encounter any issues, please refer to the troubleshooting section or contact support.
Ensure you have Node.js and npm installed before proceeding.
- Clone the repository:
git clone https://github.com/yourusername/formAIdable.git
- Navigate to the project directory:
cd formAIdable - Install dependencies:
npm install
Setting the OpenAI API Token by creating a .env file in the project root and add
VITE_OPENAI_KEY=Start the development server with:
npm run devThis project is in its early stages, and several enhancements are needed:
- Better form detection for more accurate autofill
- Support for standalone inputs (not wrapped inside a
<form>) - Handling all input types beyond
inputandtextarea - Codebase improvements (initial version focused on speed, now refining quality)
We welcome contributions! Feel free to submit issues, suggestions, or pull requests to help improve FormAIdable.
- wxt:An open source tool that makes web extension development faster than ever before.
- OpenAI SDK: Utilized for integrating advanced AI functionalities.
This project is licensed under the MIT License.