InspectorAI is a production-ready Chrome extension that supercharges your web data extraction and analysis workflow. Select any web component, extract its content with minimal tokens, and ask AI models for insights—all without leaving your browser.
InspectorAI simplifies the process of interacting with web content. It visually selects any part of a website, intelligently cleans the HTML to remove noise, and sends the core content to an AI for analysis, translation, or extraction.
- For Everyone: Easily extract tables to CSV, translate content, or summarize articles without dealing with messy code.
- For Developers: Automate DOM inspection and context-switching.
- Translation: Select a block of text in a foreign language and ask AI to translate it while preserving the structure.
- Summarization: Pick a news article or long post and get a concise summary.
- Data Extraction: Select a complex table and ask AI to convert it into CSV or JSON format.
- Learning: Select a UI component and ask "How is this built?" or "Explain this code".
- Accessibility: Check if a selected element is screen-reader friendly.
- Visual Element Picker: Interactively select elements on any webpage with a single click.
- AI-Powered Analysis: Send selected content to top-tier AI models for instant feedback.
- Smart Content Extraction: Automatically cleans and simplifies HTML to focus on visible text and structure, reducing noise and token usage.
- Multi-Provider Support:
- Google AI Mode (default, no token required)
- OpenAI
- Google Gemini
- Anthropic
- Meta Llama (via Groq)
- Custom Provider: Connect to any OpenAI-compatible API (e.g., Local LLMs, DeepSeek, Mistral).
- Integrated Side Panel: A persistent workspace that doesn't obstruct your view.
- Secure Configuration: API keys are stored locally on your device.
- Click the "Code" button at the top of the GitHub page and select "Download ZIP".
- Unzip the downloaded file.
- Open Google Chrome and go to
chrome://extensions/. - Enable Developer mode (top right toggle).
- Click Load unpacked.
- Select the unzipped folder (e.g.,
InspectorAI-main).
- Clone this repository:
git clone https://github.com/hissain/InspectorAI.git
- Open Google Chrome and navigate to
chrome://extensions/. - Enable Developer mode in the top-right corner.
- Click Load unpacked.
- Select the
InspectorAIdirectory from your file system. - The extension is now installed! Pin it to your toolbar for easy access.
- Open Inspector: Click the extension icon in your toolbar to open the Side Panel.
- Configure AI: Click the Settings button in the panel header. Select your preferred AI provider (e.g., Gemini, OpenAI) and enter your API Key.
- Pick an Element: Click "Pick Element" in the panel. Hover over the webpage to highlight elements, then click to select one. (Press Esc to cancel).
- Ask AI: The simplified content structure will appear in the panel. Type your query (e.g., "Translate this to Spanish" or "Make this table responsive") and click "Ask AI".
The extension comes pre-configured with support for the latest models, including:
- Google Gemini: Gemini 3, Gemini 2.5 Pro, Gemini 2.5 Flash, Gemini 2.5 Flash-Lite.
- OpenAI: GPT-4.1, GPT-4.1 Mini, o3-mini, GPT-3.5 Turbo.
- Anthropic: Claude Haiku 4.5, Claude Opus 4.
- Meta Llama: Llama 3 8B, Llama 3 70B, Llama 3 405B (via Groq).
- Custom: Configure any model with a custom Base URL (compatible with Ollama, vLLM, etc.).
- Local Storage: All API keys and settings are stored locally in your browser (
chrome.storage.local/sync). - Direct Communication: Your queries are sent directly from your browser to the chosen AI provider's API. No intermediate server collects your data.
Md. Sazzad Hissain Khan (Email: hissain.khan@gmail.com) GitHub: https://github.com/hissain/InspectorAI
MIT License