Article
Chrome Extensions mit Transformers.js: KI direkt im Browser
Transformers.js ermöglicht es Entwicklern, Machine-Learning-Modelle direkt in Browser-Erweiterungen laufen zu lassen – ganz ohne Server-Backend. Dieser Guide zeigt, wie man eine funktionale Architektur für Manifest V3 aufbaut.
Das HuggingFace-Team hat eine Demo-Erweiterung mit Gemma 4 E2B veröffentlicht, die zeigt, was möglich ist. Die wichtigste Erkenntnis: In MV3 muss man die Runtime-Entscheidungen richtig treffen. Der Background Service Worker hostet die Modelle, das Side Panel bietet die Chat-Oberfläche, und ein Content Script übernimmt die DOM-Interaktion.
Die zentrale Design-Entscheidung: Keep it heavy in background. Der Background ist das Control Plane – dort läuft der Agent-Lifecycle, die Modell-Initialisierung und die Tool-Ausführung. Das Side Panel ist nur die Interaktionsschicht. Das Content Script fungiert als Bridge zur Webseite für DOM-Extraktion und Highlighting.
Die drei Einstiegspunkte in der manifest.json: Background Service Worker für die schwere Arbeit, Side Panel für die persistente Chat-UI, und Content Scripts mit URL-Matching für die Seiten-Brücke.
Die Konversationshistorie lebt im Background – UI-Komponenten kommunizieren über Message-Passing. Das hält das Frontend schlank und macht die State-Management-Logik testbar.
Lokale KI im Browser bedeutet: Keine Server-Kosten, kein Privacy-Problem, volle Kontrolle. Transformers.js macht ML-Modelle im Web-Stack plausibel nutzbar. Der komplette Sourcecode ist auf GitHub verfügbar, die Extension live im Chrome Web Store.