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. FEATURES • 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. • 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. • Translates the page into your language, and puts the original text back with one click. • Remembers each site: key selectors and your preferences, so the next conversation starts informed. • Explains console errors and jumps to the source. • 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. • English and Turkish interface. Developers can instead run the free local agent server to use their Claude or ChatGPT subscription, and move CSS into their own project ("Apply to source"): https://github.com/alpkavakli/IntegratedAI Free and open source (GNU AGPL). Questions or feature ideas: alpkavakli@gmail.com