🚀 Offer Laolao - Resume Auto-Fill Assistant Smart Browser Extension

A powerful Chrome browser extension that supports both intelligent resume parsing and manual filling modes, with AI intelligent field matching and field-level precise filling capabilities, helping job seekers quickly and accurately complete resume filling on major recruitment websites.

🌐 Online Access: https://offer-laolao-plugin.vercel.app

✨ Core Features

📄 Intelligent Resume Parsing

• Multi-format support: Supports mainstream resume formats including PDF, DOCX, DOC, TXT, JSON
• Cloud API parsing: Integrates with Alibaba Cloud resume parsing API for accurate resume information extraction
• JSON direct import: Supports direct import of JSON format resume data for data backup and restoration
• Drag-and-drop upload: Supports file drag-and-drop upload for convenient operation
• Intelligent field mapping: Automatically maps parsing results to corresponding form fields

📝 Complete Resume Information Management

Supports filling and managing the following resume modules:

Module	Included Fields
Basic Information	Name, Gender, Date of Birth, Phone Number, Email, ID Number, Location, Political Status
Job Expectations	Desired Position, Desired Industry, Desired Salary, Desired Location, Internship Duration, Available Working Hours
Education Experience	School Name, Major, Degree (Junior College/Bachelor/Master/PhD), Ranking, Enrollment/Graduation Date (supports multiple entries)
Work/Internship Experience	Company Name, Position, Start/End Date, Job Description (supports multiple entries)
Project Experience	Project Name, Role, Project Duration, Project Description, Responsibility Description (supports multiple entries)
Skills	Skill Name, Skill Level (Beginner/Intermediate/Advanced/Expert) (supports multiple entries)
Language Proficiency	Language Name, Proficiency Level (Beginner/Basic/Proficient/Expert), Language Certificates (supports multiple entries)
Custom Fields	Custom field names and content (supports multiple entries)
Self-description	Personal strengths and characteristics

🎯 Intelligent Form Filling

One-click Pre-fill Function

• Click the "📋 Pre-fill" button to automatically fill resume data into the current recruitment website form
• Intelligently identifies form fields and automatically matches corresponding resume information
• Supports multiple form elements including input, textarea, select, contenteditable
• Automatically triggers form events (input, change, blur) to ensure website validation passes
• Provides visual feedback after filling, highlighting filled fields

Field-level Precise Filling (↗ Point-and-Fill)

• Each field has a "↗" button for single-field precise filling
• Click the button to enter "Point-and-Fill Mode":
  • Operation tips will be displayed at the top of the page
  • Elements that can be filled will be highlighted with a blue border when hovering the mouse
  • Click the target input box to fill the field value
  • Press Esc to cancel the operation
• Supports filling into: input, textarea, select, contenteditable elements
• Automatically triggers form events (input, change, blur) to ensure website validation passes
• Automatically closes the popup after successful filling for convenient continuous operation

🤖 AI Large Model Integration

Supports multiple domestic large model service providers for intelligent resume content optimization and field matching:

Service Provider	Supported Models
DeepSeek	DeepSeek Chat, DeepSeek Coder
Kimi (Moonshot)	Moonshot 8K/32K/128K
Tongyi Qianwen (Alibaba Cloud)	Qwen Turbo/Plus/Max/Max Long Text
Volcano Engine (Doubao)	Doubao Seed 1.6, Doubao Seed 1.6 Lite, Doubao Seed 1.6 Flash
Zhipu AI	GLM-4, GLM-4 Flash, GLM-3 Turbo
Baichuan Intelligence	Baichuan 2 Turbo, Baichuan 2 Turbo 192K
Custom	Supports any OpenAI-compatible API

AI Function Features:

• One-click API connection testing
• ✨ AI One-click Resume Optimization: Intelligently optimizes self-introductions, job descriptions, project descriptions, etc.
• 🤖 AI-generated Resume Introduction: Intelligently generates professional self-introductions (200-300 words) based on resume data
  • Supports copying to clipboard, filling into self-description field, downloading as TXT file
• Optimizes work and project descriptions using the STAR method
• Automatically adds quantitative data and achievement descriptions

📤 Multi-format Export

• JSON Export: Export complete resume data for backup and cross-device synchronization
• LaTeX Export: Generate professional LaTeX resume templates
  • Can be directly compiled on Overleaf
  • Supports Chinese (using ctex package)
  • Professional typesetting, suitable for academic and technical job applications
  • Includes complete style definitions and comments

📑 Multiple Resume Templates

• Multi-template management: Support storing and managing multiple resume templates
• Quick switching: One-click switch between different resume templates
• Template operations:
  • ➕ Create new template
  • ✏️ Rename template
  • 📋 Duplicate template
  • 🗑️ Delete template (when more than one exists)
• Smart migration: Automatically migrates old single-resume data to the new multi-template system
• Separate storage: Each template maintains independent resume data

💾 Data Persistence

• Chrome Storage API: Uses browser-native storage for secure and reliable data
• Real-time automatic saving: Automatically saves when form content changes to prevent data loss
• Manual saving: Supports manual click of save button to confirm saving
• Data reset: One-click clearing of all resume data to start fresh
• Automatic setting saving: Settings page configurations are automatically saved

⭐ GitHub Star Unlock

• Trust-based verification: Star our GitHub project to unlock advanced features
• One-time unlock: After confirming Star once, all advanced features are permanently available
• Graceful prompts: Friendly dialog guides users to support the project
• Affected features: AI resume optimization requires Star verification

📦 Installation Guide

Method 1: Install in Developer Mode

1. Download the project

   git clone https://github.com/itxaiohanglover/offer-laolao-plugin.git
   cd offer-laolao-plugin

   Or directly download the ZIP and extract it

2. Install dependencies and build

   # Install pnpm (if not already installed)
   npm install -g pnpm
   
   # Install project dependencies
   pnpm install
   
   # Build the extension
   pnpm build

   After building, a build/chrome-mv3-prod folder will be generated

3. Open Chrome extension management page

   • Enter in address bar: chrome://extensions/
   • Or through menu: More Tools → Extensions

4. Enable Developer Mode

   • Click the "Developer Mode" switch in the top right corner

5. Load the extension

   • Click "Load unpacked extension"
   • Select the build/chrome-mv3-prod folder

6. Installation complete

   • The extension icon will appear in the browser toolbar
   • Click the icon to open the resume filling assistant

Method 2: Install from Edge Add-ons Store (Recommended)

1. Visit Microsoft Edge Add-ons Store
2. Click "Get" button to install
3. After installation, the extension icon will appear in the browser toolbar

Method 3: Edge Browser Developer Mode

Edge browser also supports loading unpacked extensions:

1. Follow steps 1-2 from Method 1 to download and build the project
2. Open edge://extensions/
3. Enable "Developer Mode"
4. Click "Load unpacked extension"
5. Select the build/chrome-mv3-prod folder

🚀 Usage Tutorial

Step 1: Configure API (Optional but Recommended)

1. Click the extension icon, switch to the "⚙️ Settings" tab
2. Configure AI Model (for content optimization, recommended)
   • Select model provider (e.g., DeepSeek, Kimi, etc.)
   • Enter the corresponding API Key
   • Click "🔗 Test Connection" to verify the configuration
3. Configure Resume Parsing API (for parsing PDF/DOCX format resumes)
   • Purchase resume parsing service from Alibaba Cloud Market
   • Enter API URL and APP Code

Step 2: Manage Resume Templates

1. In the "📝 Resume Filling" tab, find the template selector at the top
2. Switch templates: Use the dropdown to select different resume templates
3. Create new template: Click the "+" button to create a new blank template
4. Rename template: Click the "✏️" button to modify the template name
5. Duplicate template: Click the "📋" button to create a copy of the current template
6. Delete template: Click the "🗑️" button to remove a template (requires at least 2 templates)

Step 3: Fill or Import Resume

Method A: Intelligent Upload Parsing

1. Find the upload area at the top of the "📝 Resume Filling" tab
2. Drag and drop resume file or click to select file
3. Wait for parsing to complete, click "Use Parsed Data" button
4. Resume information will be automatically filled into the form

Method B: Manual Filling

1. Directly fill in all information in the form
2. Click the "+ Add" button to add multiple entries
3. Data is automatically saved, or you can click "💾 Save" to manually save

Method C: Import JSON

1. If you have a previously exported JSON file
2. Directly drag and drop it into the upload area to import

Step 4: AI Resume Optimization (Optional)

1. Ensure AI model API Key is configured
2. Fill in descriptive content in the resume (self-introduction, job description, project description, etc.)
3. Click the "✨ AI One-click Resume Optimization" button
4. First-time users: A dialog will prompt you to Star our GitHub project to unlock this feature
   • Click the GitHub link to visit and Star the project
   • Click "I have Starred, unlock feature" to confirm
5. The system will optimize all descriptive content one by one
6. Optimized content will be automatically filled back into the form

Step 5: Fill Resume on Recruitment Website

One-click Pre-fill (Coming Soon!!!)

1. Open the resume filling page of the target recruitment website
2. Click the extension icon to open the popup
3. Click the "📋 Pre-fill" button
4. The extension will automatically identify and fill form fields
5. Filling details will be displayed after completion

Field-level Precise Filling

1. Find the field you want to fill, click the "↗" button next to it
2. The popup will automatically close, and the page enters "Point-and-Fill Mode"
3. Click the target input box on the webpage
4. The field value will be precisely filled in
5. Press Esc to cancel operation

Step 6: Export Backup

1. Click the "📤 Export" button
2. Select export format:
   • JSON: For data backup and import
   • LaTeX: Generate professional resume documents that can be edited and printed on Overleaf
   • 🤖 AI-generated Resume Introduction: Call AI to intelligently generate professional self-introductions
     • After generation, you can copy, fill into self-description, or download as TXT file
   • Resume Introduction Prompts: Export structured prompts for interacting with AI (supports .md/.txt), filename automatically named "Username_Resume_Prompt_Date"

🌐 Supported Recruitment Websites

This extension uses universal form recognition technology and theoretically supports all recruitment websites, including but not limited to:

• ✅ Zhaopin.com
• ✅ 51job.com
• ✅ Liepin.com
• ✅ Boss Zhipin (zhipin.com)
• ✅ Lagou.com
• ✅ Maimai.cn
• ✅ Shixiseng.com
• ✅ Nowcoder.com
• ✅ ByteDance campus recruitment and other major company official recruitment pages

💡 Tip: If the form on a website cannot be automatically recognized, you can use the "field-level precise filling" function to manually specify the filling position.

🛠️ Technology Stack

• Frontend Framework: Native JavaScript (ES6+)
• Extension Standard: Chrome Extensions Manifest V3
• Storage Solution: Chrome Storage API + localStorage
• Styling Solution: Native CSS (CSS variables, Flexbox, Grid)
• Document Format: LaTeX (ctex Chinese support)
• API Integration:
  • Alibaba Cloud resume parsing API
  • OpenAI-compatible large model APIs (DeepSeek, Doubao (Volcano Engine), Tongyi Qianwen, etc.)

⚠️ Notes

1. API Configuration: Resume parsing functionality requires API configuration, otherwise only JSON import can be used
2. AI Optimization: AI model API Key is required to use optimization features
3. Website Compatibility: Some websites may use special form components, it is recommended to use field-level filling
4. Data Security: All data is only stored locally in the browser and will not be uploaded to any server
5. Browser Permissions: The extension requires activeTab, scripting, and storage permissions to function properly
6. Special Pages: System pages like chrome://, edge://, about: do not support content script injection

📋 Changelog

v1.0 (Current Version)

📄 Open Source License

This project is licensed under the MIT License.

🤝 Contribution and Feedback

Welcome to submit Issues and Pull Requests!

• 🐛 Found a bug? Please submit an Issue
• 💡 Have a new idea? Welcome to submit a Feature Request
• 🔧 Want to contribute code? Welcome to submit a Pull Request

---

Make job hunting easier ✨