Browser IntegratedAI DevTools

AI panel in Chrome DevTools: explains layout and console errors, previews CSS fixes, fills forms, saves per-site patches.

An AI assistant inside Chrome DevTools. Select an element in the Elements panel, switch to the AI tab and ask: "why is this overflowing?", "make this look better", "add a dark-mode toggle to the nav bar". Your data stays yours: the developer receives nothing. Page content goes only to the AI provider you choose (or to Ollama on your own computer), only when you ask, and conversations stay in your browser. No DevTools needed for quick questions: click the toolbar button for the AI card on the page. Ask about the page, have it read or explain things, and preview CSS fixes. Drag it anywhere, or against the side as a panel. HOW IT WORKS 1. Install it: the setup page opens. Choose your AI: paste an API key, or use free local models with Ollama. 2. On any page, click the IntegratedAI icon in the toolbar (or press Alt+Shift+A): a small card opens. 3. Ask about the page, or click Pick element and ask about one part of it. 4. Each change it proposes is a card: Preview it, then Apply, or Undo later. 5. Keep CSS fixes as site patches. For everything else, press F12 and open the AI tab. - Understands the page you're inspecting: the selected element, its styles, matching CSS rules, console errors, network requests and screenshots. - Proposes, you approve: every change is a card you preview, apply or undo. Nothing runs on its own. - CSS fixes and themes, saved as per-site patches with optional on/off buttons on the page. - Does things for you: fills in forms, chooses options and clicks through flows with real browser events. - Agent modes: let it work through a task on the page by itself, step by step while you watch. It asks before each step, or only before risky ones (submitting, sending, paying, deleting); you choose. - Translates the page into your language, and puts the original text back with one click. - Writes from your CV: add your CV once (PDF or text), and get a cover letter for the job on the page, answers to application questions, or a referral message, using only what your CV says. Edit, copy, or put it into the form. - Looks things up in your past chats: bring in the data export of your ChatGPT account, and ask "what did I decide about…". The chats stay in your browser and are searched there. - Watches videos with you: it watches a video on the page while it plays and summarizes it (reels, clips, tutorials); with an AI that can listen, it hears the sound too. - Reads the whole list: asked to summarize comments, reviews or search results, it loads all of them first, not just what's on screen. - Remembers each site: key selectors and your preferences, so the next conversation starts informed. - Explains console errors and jumps to the source. - You decide what it sees: the whole page, only an area you mark on it, or nothing at all ("just answer"). With an area, the extension itself keeps the AI inside it; secrets in the page's code are never sent. - Your AI, your choice: use your own API key from the AI provider you prefer, free models that run on your own computer, or any OpenAI-compatible service. It talks straight to that provider; conversations and site memory stay in your browser. No account with us, no tracking. - Separate memories: keep a conversation's notes private to it, or share them across the site. Have a Claude or ChatGPT subscription instead of an API key? Install Node.js, sign in to Claude Code or Codex, and run "npx integratedai": a free helper on your computer lets the extension use your subscription. Step-by-step guide: https://github.com/alpkavakli/IntegratedAI#setup