Nithish Koriyar

Posted on Jul 21

🚀 I Built AI Filler: A Chrome Extension That Uses ChatGPT Projects to Fill Job Application Forms (No API Required)

#ai #career #productivity #showdev

Filling out the same information for every job application quickly became repetitive.

Almost every company asks for the same details:

Name
Email
Phone Number
Experience
Skills
Resume
Portfolio
Salary Expectations
Notice Period
LinkedIn
GitHub

Instead of manually filling these details every single time, I decided to automate the repetitive part.

The result is AI Filler, a Chrome Extension that works alongside ChatGPT Projects to intelligently understand job application forms and populate them with your own information.

No API Keys.

No Backend.

No Paid Integrations.

Just ChatGPT running in your browser and a Chrome extension.

🎥 Demo

Check out the live video demo, full overview, and GitHub repository:

👉 Watch AI Filler Video Demo | 🐙 GitHub Repository

✨ Features

Automatically extracts the structure of any job application form.
Understands labels, placeholders, field names, and input types.
Sends only the page structure to ChatGPT.
Uses your ChatGPT Project as the knowledge source.
Returns structured JSON.
Automatically fills matching form fields.
Supports most common job application portals.
Works without OpenAI API keys.
No backend server required.

🏗️ How It Works

The workflow is simple.

Job Application Page
        │
        ▼
Extract & Send Page Data
        │
        ▼
ChatGPT Project
        │
        ▼
Structured JSON Response
        │
        ▼
AutoFill Web Page
        │
        ▼
Review
        │
        ▼
Submit

🧠 Setting Up Your ChatGPT Project Sources

Instead of maintaining a backend database or integrating paid APIs, AI Filler leverages ChatGPT Projects.

Your project sources should contain two key pieces of information:

📄 Your Resume / CV (resume.pdf or resume.md)
📝 Your Personal Career & Application Context (career_context.md)

💡 How to Generate Your `career_context.md` using Claude

To generate a complete, interactive career_context.md file tailored to your background:

Open Claude.
Upload your latest Resume (resume.pdf or DOCX) along with the included prompt file CAREER_KB_BUILDER_PROMPT_ENHANCED.md (View on GitHub).
Claude will automatically:
- Extract your contact details, work history, projects, and skills.
- Identify missing job-application gaps (salary expectations, notice period, relocation, work mode, key strengths).
- Ask interactive questions to fill in the missing details.
- Generate a single, clean Markdown file titled career_context.md.
Save or copy the generated career_context.md file.

📁 Adding Sources to Your ChatGPT Project

Open ChatGPT and create a new Project (e.g. named Job Helper).
Click on Sources inside the Project interface.
You can add your information in any format:
- Upload your resume.pdf and career_context.md files.
- Copy and paste the text directly into Sources.
- Or link documents via Google Drive / Cloud files.
Now whenever you click Extract & Send Page Data ✦, ChatGPT uses your exact Project Sources to generate 100% accurate, tailored form responses!

📋 Prerequisites

Before using the extension, ensure you have:

Google Chrome or any Chromium-based browser
A ChatGPT account
A ChatGPT Project containing your professional information

📥 Installation

Installing the extension is simple and takes less than a minute.

Step 1: Download the Extension Files

You can get the project files in either of two ways:

Download ZIP: Click Download ZIP (or click Code ➔ Download ZIP on GitHub). Then extract/unzip the downloaded file on your computer.
Clone Repository:

  git clone https://github.com/NithishKoriyar/ai_form_filler.git

Step 2: Load into Chrome

Open Google Chrome and navigate to chrome://extensions in the address bar (or go to Menu ➔ Extensions ➔ Manage Extensions).
Toggle ON Developer Mode in the top right corner.
Click the Load unpacked button in the top left.
Select the extracted ai_form_filler project folder.

Step 3: Pin for Quick Access

Click the Extensions (Puzzle Piece) icon in Chrome's top toolbar.
Click the Pin icon next to AI Filler to keep it accessible in your toolbar.

🚀 Usage

Step 1

Open any job application page.

Examples include:

Greenhouse
Lever
Workday
Ashby
Custom application portals

Step 2

Click the AI Filler extension.

ChatGPT opens in the browser sidebar.

Step 3

Open your ChatGPT Project.

Example:

Job Helper

This project should already contain your:

Resume
Skills
Projects
Experience
Additional reference documents

Step 4

Click

Extract & Send Page Data

The extension will:

Analyze the current webpage
Detect forms
Read labels
Identify placeholders
Understand input fields
Build a structured representation
Automatically send it to ChatGPT

Step 5

Wait a few moments.

ChatGPT generates a structured JSON response containing the information required to complete the form.

Step 6

Click

AutoFill Web Page

The extension will:

Parse the JSON response
Match every field intelligently
Populate the corresponding inputs
Trigger the required browser events

Step 7

Review the generated information.

Make any necessary edits.

Submit the application manually.

The extension never submits forms automatically.

You remain in full control.

🔒 Security

This extension is designed for educational purposes and personal productivity.

It does not require:

API Keys
Backend Servers
Cloud Databases

However, browser extensions can access webpage content.

For your safety:

Install only from this GitHub repository.
Review the source code if desired.
Never install modified versions from unknown sources.
Do not upload confidential information you are uncomfortable sharing with ChatGPT.

🛠️ Troubleshooting

The extension does not appear.

Verify Developer Mode is enabled.
Reload the extension.
Ensure the selected folder contains manifest.json.

The sidebar does not open.

Refresh Chrome.
Reload the extension.
Restart the browser if necessary.

ChatGPT does not receive page data.

Ensure ChatGPT has finished loading.
Open a new chat.
Click Extract & Send Page Data again.

AutoFill does not work.

Wait until ChatGPT finishes generating the JSON.
Click AutoFill Web Page only after the response is complete.
Ensure the original webpage is still the active tab.

Some fields are not filled.

Not every website follows the same HTML structure.

The extension attempts to match fields using:

Labels
Placeholder text
Input names
IDs
ARIA attributes
Field types

If a field cannot be matched confidently, it is skipped instead of filling incorrect information.

⚠️ Limitations

Requires a ChatGPT account.
Requires a ChatGPT Project.
Not published on the Chrome Web Store.
Some highly customized websites may require manual review.
File upload fields may require manual interaction due to browser security restrictions.
AI-generated responses should always be reviewed before submission.

🗺️ Roadmap

Future improvements include:

Better field matching
Multiple user profiles
Support for additional application portals
Custom prompt templates
AI confidence scoring
Manual review mode
Support for additional AI providers
Improved extraction engine

🤝 Contributing

Contributions are welcome.

If you find a bug or have an idea for improvement:

Open an Issue
Submit a Pull Request
Share feedback

📜 Disclaimer

This project is intended for:

Educational purposes
Learning browser extension development
Improving personal productivity

It is not intended to:

Bypass hiring processes
Fabricate information
Automatically submit applications
Misrepresent a candidate's qualifications

Always review the generated information before submitting any application.

💻 Source Code

GitHub Repository:

https://github.com/NithishKoriyar/ai_form_filler

💬 Feedback

If you found this project useful, consider:

⭐ Starring the repository

🐛 Reporting bugs

💡 Suggesting improvements

🤝 Contributing to the project

Your feedback helps make the project better for everyone.

🙌 Final Thoughts

This project started as a way to eliminate repetitive data entry while applying for jobs.

Along the way, it became a great learning experience in:

Chrome Extension Development
DOM Analysis
Content Scripts
Browser Messaging
ChatGPT Projects
Intelligent Form Mapping
Browser Automation

If it saves you even a few minutes on every application, then it has achieved its goal.

Happy coding! 🚀

DEV Community

🚀 I Built AI Filler: A Chrome Extension That Uses ChatGPT Projects to Fill Job Application Forms (No API Required)

📌 Quick Navigation

🎥 Demo

✨ Features

🏗️ How It Works

🧠 Setting Up Your ChatGPT Project Sources

💡 How to Generate Your `career_context.md` using Claude

📁 Adding Sources to Your ChatGPT Project

📋 Prerequisites

📥 Installation

Step 1: Download the Extension Files

Step 2: Load into Chrome

Step 3: Pin for Quick Access

🚀 Usage

Step 1

Step 2

Step 3

Step 4

Step 5

Step 6

Step 7

🔒 Security

🛠️ Troubleshooting

The extension does not appear.

The sidebar does not open.

ChatGPT does not receive page data.

AutoFill does not work.

Some fields are not filled.

⚠️ Limitations

🗺️ Roadmap

🤝 Contributing

📜 Disclaimer

💻 Source Code

💬 Feedback

🙌 Final Thoughts

Top comments (0)

📌 Quick Navigation

🎥 Demo

✨ Features

🏗️ How It Works

🧠 Setting Up Your ChatGPT Project Sources

💡 How to Generate Your career_context.md using Claude

📁 Adding Sources to Your ChatGPT Project

📋 Prerequisites

📥 Installation

Step 1: Download the Extension Files

Step 2: Load into Chrome

Step 3: Pin for Quick Access

🚀 Usage

Step 1

Step 2

Step 3

Step 4

Step 5

Step 6

Step 7

🔒 Security

🛠️ Troubleshooting

The extension does not appear.

The sidebar does not open.

ChatGPT does not receive page data.

AutoFill does not work.

Some fields are not filled.

⚠️ Limitations

🗺️ Roadmap

🤝 Contributing

📜 Disclaimer

💻 Source Code

💬 Feedback

🙌 Final Thoughts

💡 How to Generate Your `career_context.md` using Claude