Omni AI

🧠 Your All-in-One AI Browser Companion. Supercharge your Chrome experience with the power of Google Gemini, OpenAI, Groq, and Custom Gateway.

Omni AI is a modern, lightweight Chrome extension that integrates advanced AI models directly into your workflow. Whether you're drafting emails, debugging code, reading foreign articles, or researching complex topics, Omni AI helps you write better, read faster, and understand everything instantly.

✨ Features

🚀 Smart Selection Actions

Highlight any text on any website to see the ✨ Omni AI Floating Button. One click gives you access to:

Fix Grammar & Spelling - Professional polish in a click.
Rephrase - Rewrite with different words for better flow.
Summarize - Get the gist of long paragraphs instantly.
Change Tone - Swiftly switch between Professional, Casual, Formal, and more.
Ask AI - Direct chat contextually based on your selection.
Persistent Chat - Popup chat retains history for multi-turn conversations.
Context Awareness - AI remembers context from previous messages in the popup.
Page Context - Smarter answers with awareness of the current page title and URL.

📋 Writing Enhancements

Dedicated tools for specific needs:

Improve Clarity - Make your thoughts clearer.
Make Concise - Cut the fluff.
Expand - Elaborate with AI-generated depth.
Emojify - Add the perfect emojis for social or chat.

📝 Rich Text & Input Support

Universal Compatibility: Works on input, textarea, and rich text editors like TinyMCE.
Smart Replacement: "Replace" button seamlessly updates content in complex editors.

🌍 Instant Translation & Explanation

Translate - Supports 10+ languages including Spanish, French, German, Japanese, and Chinese.
Primary Language - Set your native language (e.g., Vietnamese) for one-click instant translations.
Explain - Simplifies difficult concepts, technical jargon, or complex paragraphs.

📊 Dashboard & Usage Statistics

Track your productivity with the new Usage Dashboard:

Monitor Total Actions taken.
See how many Words Processed and Words Generated.
Clean, grid-based visualization for your AI activity.

🛠️ Premium Settings UI

Multiple AI Providers: Support for Google Gemini (2.0 Flash, 2.5 Flash, 2.5 Flash Lite), OpenAI (GPT-4o, GPT-4o Mini, GPT-4 Turbo), Groq (Llama 3.3, Llama 3.1, GPT-OSS 120B), and Custom Gateway (OpenAI-compatible).
Glassmorphic Design: A sleek, modern settings page (settings.html) with smooth animations and high-resolution visuals.
Helper Tooltips: Interactive instructions and links to help you get your API keys quickly.
Context Presets: Tailor AI responses for Email, Chat, Social Media, Technical, or Academic contexts.

🚀 Installation

1. Clone the repository

git clone https://github.com/ddtcorex/omni-ai.git
cd omni-ai

2. Load into Chrome

Open Chrome and navigate to chrome://extensions.
Enable Developer mode (top right toggle).
Click Load unpacked.
Select the omni-ai directory.

🔑 Configuration

1. AI Provider Configuration (Required)

You can choose between Google Gemini, OpenAI, Groq, or Custom Gateway as your AI provider.

Option A: Google Gemini

Go to Google AI Studio.
Create a new API key.
In Omni AI, go to Settings > AI Model and select a Google Gemini model.
Paste your key and save.

Option B: OpenAI (GPT-4)

Go to OpenAI Platform.
Create a new API Key.
In Omni AI, select an OpenAI model.
Paste your key sk-... and save.

Option C: Groq (Llama 3)

Go to Groq Console.
Create a new API Key.
In Omni AI, select a Groq model.
Paste your key gsk_... and save.

Option D: Custom Gateway

Connect to any OpenAI-compatible API endpoint (OpenRouter, LiteLLM, Together AI, your own proxy, etc.):

In Omni AI, select Custom Gateway from the model dropdown.
Enter your Base URL (e.g., https://openrouter.ai/api/v1, https://your-gateway.com/v1).
Enter your API Key (optional for some gateways).
Enter the Model Name (e.g., anthropic/claude-sonnet-4-20250514).
Click Validate Configuration to test.

2. Custom Model Configuration

Omni AI allows you to use any model provided by your chosen AI provider, even if it's not in the default list.

How to use Custom Models

In Settings, find the AI Model dropdown.
Select the "Custom Model..." option for your preferred provider (e.g., OpenAI Custom Model...).
A new field Custom Model Name will appear.
Enter the Model ID provided by the AI platform (e.g., gpt-4o-2024-08-06 for OpenAI).
Click Save Settings.

🧠 Intelligent Model ID Resolution

Omni AI features a smart resolution system that maps common short names to their official API IDs. You can enter a simplified name, and the extension will automatically use the correct implementation:

Groq: Entering llama-3.1-8b automatically maps to llama-3.1-8b-instant.
OpenAI: Entering gpt-4o maps to the latest stable gpt-4o version.

Common Custom Model IDs

Groq: llama-3.3-70b-versatile, deepseek-r1-distill-llama-70b, mixtral-8x7b-32768.
OpenAI: gpt-4o, gpt-4o-mini, o1-preview.
Google: gemini-1.5-pro-latest, gemini-2.0-flash-exp.
Custom Gateway: Varies by provider (e.g., OpenRouter: anthropic/claude-sonnet-4-20250514).

3. Google Sign-In (Optional)

To use the personalization features (syncing settings across devices), you need to configure OAuth.

Go to Google Cloud Console.
Create a new project.
Navigate to APIs & Services > Credentials.
Create OAuth client ID > Chrome extension.
Detailed steps can be found in the Chrome Identity API docs.

Copy the client_id and paste it into manifest.json:

"oauth2": {
  "client_id": "YOUR_NEW_CLIENT_ID.apps.googleusercontent.com",
  ...
}

(Recommended) Copy the key from the Developer Dashboard to manifest.json to keep the extension ID stable.

⌨️ Keyboard Shortcuts

Shortcut	Action
`Alt+O`	Open Omni AI Popup
`Alt+A`	Quick Ask Overlay (Ask AI from any page)
`Alt+R`	Rephrase (on selected text)
`Alt+T`	Translate to Primary Language

Shortcuts can be customized in chrome://extensions/shortcuts

🌍 Multilingual Support

Omni AI currently supports 10 languages:

🇺🇸 English
🇻🇳 Vietnamese (Default)
🇪🇸 Spanish
🇫🇷 French
🇩🇪 German
🇮🇹 Italian
🇵🇹 Portuguese
🇯🇵 Japanese
🇰🇷 Korean
🇨🇳 Chinese

The language is automatically detected, but you can pin a Primary Language in Settings for quick translations.

📁 Project Structure

omni-ai/
├── manifest.json           # Extension Manifest V3
├── background/             # Background service worker
│   └── service-worker.js
├── content/               # Injected scripts & UI
│   ├── content.js          # Core injection logic
│   └── overlay.css         # Floating buttons & popups
├── lib/                    # Shared logic & AI Providers
│   ├── ai-service.js       # AI Dispatcher
│   ├── ai-providers.js     # Provider & model definitions
│   ├── history.js          # Statistics & History management
│   └── providers/          # AI Model Implementations
│       ├── gemini.js
│       ├── groq.js
│       ├── openai.js
│       └── custom-gateway.js
├── assets/                 # Branding & High-res icons
├── settings.html           # Main configuration page
├── settings.js
├── settings.css
├── popup/                  # Extension Popup
│   ├── popup.html
│   ├── popup.js
│   └── popup.css
└── scripts/                # Build & Utility scripts
    └── publish.sh          # Automates ID key removal & zipping

🛠️ Tech Stack

Manifest V3: Using the latest Chrome extension standards.
Vanilla JavaScript: Lightweight, no heavy frameworks, maximum performance.
Modern CSS: Variables, Flex/Grid, Glassmorphism, and smooth animations.
Provider Architecture: Easily extendable to add new AI providers (OpenAI, Anthropic, etc.).

📦 Publishing to the Chrome Web Store

Follow this guide to publish Omni AI to the official Chrome Web Store.

1. Prepare the Distribution Zip

First, you need to create a clean .zip file containing only the necessary files for the extension to run.

Automated Build Script (Recommended)

We provide a script that automatically handles versioning and removes the development key field (required for OAuth locally but forbidden on the Web Store).

# Make the script executable (first time only)
chmod +x scripts/publish.sh

# Run the build script
./scripts/publish.sh

This will create omni-ai-vX.X.X.zip in the root directory, ready for upload.

2. Create a Developer Account

To publish on the Chrome Web Store, you need a Google Developer account.

Go to the Chrome Web Store Developer Console.
Sign in with your Google Account.
Pay the one-time $5 USD developer registration fee.
Complete your developer profile.

3. Upload and Configure

Upload: Click + New Item and upload your .zip.
Store Listing:
- Description: Use text from this README.
- Icons: Use assets/icons/ (ensure 128x128 PNG is available or convert SVG).
- Screenshots: Upload 1280x800 screenshots of the extension in action.
- Category: Productivity or Search Tools.
Privacy & Permissions:
- Single Purpose: "Unified writing assistant and productivity tool".
- Justification: Explain activeTab, storage, identity, contextMenus usage clearly.
- Privacy Policy: Link to your privacy policy (GitHub Pages or similar).

Pro Tips for Approval

Screenshot Quality: Use high-quality screenshots. Show the ✨ floating button and the Usage Dashboard.
Clear Description: Clearly explain that users need an API key (Gemini, OpenAI, Groq) or Custom Gateway to use the extension.
Permission Scope: Chrome reviewers prefer the narrowest permissions possible.

🤝 Contributing

Contributions are welcome! Whether it's fixing a bug, adding a new feature, or improving documentation:

Fork the repository.
Create a feature branch: git checkout -b feature/amazing-feature.
Commit your changes: git commit -m 'feat: add amazing feature'.
Push to the branch: git push origin feature/amazing-feature.
Open a Pull Request.

Coding Guidelines

Use Vanilla JavaScript (ES6+). Avoid adding external frameworks or heavy libraries.
Maintain the CSS Variable system for styling.
Ensure any new AI providers follow the existing pattern in lib/providers/.

📄 License

This project is licensed under the GPL-3.0 License - see the LICENSE file for details.

Made with ❤️ by ddtcorex

Name		Name	Last commit message	Last commit date
Latest commit History 173 Commits
_locales		_locales
assets/icons		assets/icons
background		background
content		content
docs		docs
lib		lib
popup		popup
scripts		scripts
tests		tests
.babelrc		.babelrc
.gitignore		.gitignore
AGENTS.md		AGENTS.md
CHANGELOG.md		CHANGELOG.md
LICENSE		LICENSE
README.md		README.md
jest.config.js		jest.config.js
jest.setup.js		jest.setup.js
manifest.json		manifest.json
package-lock.json		package-lock.json
package.json		package.json
settings.css		settings.css
settings.html		settings.html
settings.js		settings.js

Folders and files

Latest commit

History

Repository files navigation

Omni AI

✨ Features

🚀 Smart Selection Actions

📋 Writing Enhancements

📝 Rich Text & Input Support

🌍 Instant Translation & Explanation

📊 Dashboard & Usage Statistics

🛠️ Premium Settings UI

🚀 Installation

1. Clone the repository

2. Load into Chrome

🔑 Configuration

1. AI Provider Configuration (Required)

Option A: Google Gemini

Option B: OpenAI (GPT-4)

Option C: Groq (Llama 3)

Option D: Custom Gateway

2. Custom Model Configuration

How to use Custom Models

🧠 Intelligent Model ID Resolution

Common Custom Model IDs

3. Google Sign-In (Optional)

⌨️ Keyboard Shortcuts

🌍 Multilingual Support

📁 Project Structure

🛠️ Tech Stack

📦 Publishing to the Chrome Web Store

1. Prepare the Distribution Zip

Automated Build Script (Recommended)

2. Create a Developer Account

3. Upload and Configure

Pro Tips for Approval

🤝 Contributing

Coding Guidelines

📄 License

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases 17

Packages 0

Uh oh!

Contributors

Uh oh!

Languages

Packages