page-agent – Mit 1 Zeile Code einen KI-Agenten zu einer Webseite hinzufügen

• Mit nur einer Zeile <script src="page-agent.js"></script> wird eine Website zu einer KI-nativen App
  • Funktioniert auch ohne Browser-Erweiterung, Python oder Headless-Browser
• Anweisungen in natürlicher Sprache geben, den Rest erledigt die KI. Dank textbasierter DOM-Manipulation sind keine Screenshots, OCR oder multimodalen LLMs nötig
• Alle Verarbeitungen erfolgen in einem In-Page-Ausführungsmodell innerhalb der Webseite, das DOM-Elemente ohne zusätzliche Berechtigungsanfragen direkt steuert
• Unterstützt verschiedene Modelle wie OpenAI, Claude, DeepSeek und Qwen; mit Ollama ist auch ein vollständig offline nutzbarer Betrieb möglich (Integration auf API-Key-Basis)
• Bietet eine interaktive UI und eine Human-in-the-Loop-Schnittstelle
• Per Bookmarklet auf jeder beliebigen Webseite testbar
• Mit installierter Chrome-Erweiterung werden auch seitenübergreifende Aufgaben unterstützt, ebenso Steuerung auf Browser-Ebene und externe Integrationen
• Wichtige Einsatzfälle
  • SaaS AI Copilot: Einen AI Copilot direkt im Produkt implementieren, ohne das Backend zu ändern
  • Smarte Formularautomatisierung: Mehrstufige Klickabläufe auf einen einzigen Satz verkürzen und so ERP-, CRM- und Admin-Tools verbessern
  • Barrierefreiheit verbessern: Bessere Web-Zugänglichkeit durch Sprachbefehle und Screenreader
• MIT-Lizenz: Das Repo ist alibaba/page-agent

[fbtmdxor]

Wow, faszinierend..!!

[rlaaudgjs5638]

Wow, das ist ja faszinierend.

[limgk9]

Scheint gut geeignet zu sein, um per Bookmarklet einfach ein LLM an eine Seite anzubinden. Wenn Ihnen beim Standard-Bookmarklet mulmig ist, weil es zu Alibaba (China) geht, können Sie baseURL und apiKey eintragen und es auf den von Ihnen verwendeten LLM-Endpunkt setzen. (z. B. lokales LLM oder OpenAI)

javascript:(function(){import('https://cdn.jsdelivr.net/npm/page-agent@1.5.5/+esm').then(module=>{window.agent=new module.PageAgent({model:'gpt-5.4',baseURL:'<your-api-url>',apiKey:'<your-api-key>'});if(window.agent.panel)window.agent.panel.show();}).catch(e=>console.error(e));})();

[act1000]

Zuerst dachte ich: Was ist das und wie benutzt man das überhaupt? Aber jetzt habe ich es verstanden.

Ich habe die Erweiterung installiert und bei Toss Securities gesagt, dass ich den Aktienkurs von SOXL vor 30 Tagen wissen möchte. Dann hat es das selbst bedient, ist hineingegangen, hat den Kurs nachgesehen und mir Bescheid gegeben.
Es ist auch deutlich schneller, als Playwright mit KI zu verbinden.

[princox]

Das sorgt in den sozialen Netzwerken offenbar für ziemlich viel Aufsehen … ich sollte es mal ausprobieren.

[arinaru]

Großartig, das ist wirklich beeindruckend. Ich glaube, es gibt sofort sehr viele verschiedene Einsatzmöglichkeiten.
Wenn man nur den Sicherheitsaspekt verbessert, dürfte es gut nutzbar sein.

[awbrg789]

Oh, wirklich interessant.

[crawler]

> Try on Other Sites
> Step 2: Drag this button to your bookmarks

Auf der Seite gibt es so etwas, und wenn man es wirklich zieht, wird es tatsächlich zu den Lesezeichen hinzugefügt. Das sehe ich zum ersten Mal, total faszinierend — eine tolle Methode, um Bookmarklets zu teilen.

[xguru]

Ah … das GeekNews-Bookmarklet gab es ebenfalls schon seit den Anfängen der Öffnung.
https://news.hada.io/bookmarklet

[crawler]

Wow, ich wusste gar nicht, dass es bei GeekNews auch so ein gutes Bookmarklet gibt, hahaha.
Scheint auch für normale Nutzer leicht zu verwenden zu sein, und ich finde es wirklich richtig gut.

[xguru]

Interessant. Es sieht so aus, als hätte Alibaba wieder etwas Spannendes herausgebracht.
Für interne Admin-Tools eines Dienstes könnte man das vielleicht ausprobieren?
Wenn man grob nur CRUD baut und dann nacheinander anweist, dies und das zu tun, scheint sich daraus ein Workflow erstellen zu lassen.
Die Demo ist spannend anzusehen.

Man muss das nicht direkt in den Code einbauen, sondern kann per Bookmarklet
praktisch auf jede Website anwenden.