page-agent - Menambahkan agen AI ke halaman web hanya dengan 1 baris kode

• Cukup tambahkan satu baris <script src="page-agent.js"></script>, situs web langsung berubah menjadi aplikasi AI-native
  • Berjalan tanpa ekstensi browser, Python, atau browser headless
• Cukup beri instruksi dalam bahasa alami, sisanya ditangani AI. Dengan fitur manipulasi DOM berbasis teks, tidak perlu screenshot, OCR, atau LLM multimodal
• Semua proses dijalankan di dalam halaman web melalui model eksekusi in-page, sehingga bisa mengendalikan elemen DOM secara langsung tanpa meminta izin tambahan
• Mendukung berbagai model seperti OpenAI, Claude, DeepSeek, dan Qwen, serta bisa sepenuhnya offline dengan Ollama (integrasi berbasis API key)
• Menyediakan UI interaktif dan antarmuka human-in-the-loop
• Bisa diuji di halaman web mana pun menggunakan bookmarklet
• Jika memasang ekstensi Chrome, juga mendukung tugas yang terhubung lintas halaman, serta kontrol level browser dan integrasi eksternal
• Contoh penggunaan utama
  • SaaS AI Copilot: Mewujudkan AI Copilot di dalam produk tanpa perlu mengubah backend
  • Otomatisasi formulir cerdas: Memangkas proses klik bertahap menjadi satu kalimat untuk meningkatkan ERP/CRM/alat admin
  • Peningkatan aksesibilitas: Meningkatkan akses web melalui perintah suara dan screen reader
• Lisensi MIT: Repo ada di alibaba/page-agent

[fbtmdxor]

Wah, keren banget..!!

[rlaaudgjs5638]

Wah, menarik sekali.

[limgk9]

Sepertinya cocok untuk menempelkan LLM ke halaman dengan mudah menggunakan bookmarklet. Jika bookmarklet bawaan yang mengarah ke Alibaba (Tiongkok) terasa kurang nyaman, Anda bisa memasukkan baseURL dan apiKey lalu mengarahkannya ke endpoint LLM yang Anda gunakan. (local LLM, OpenAI, dll.)

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]

Awalnya saya sempat bingung, ini apa dan cara pakainya bagaimana, tapi sekarang sudah paham.

Setelah memasang ekstensi, saya bilang ingin tahu harga saham SOXL 30 hari yang lalu di Toss Securities, lalu dia memanipulasinya sendiri, masuk, melihat harganya, dan memberi tahu saya.
Jauh lebih cepat dibanding menghubungkan Playwright dengan AI.

[princox]

Ini lagi heboh banget di SNS.. kayaknya harus coba deh

[arinaru]

Luar biasa, sepertinya ada sangat banyak bagian yang bisa langsung dimanfaatkan. Kalau sisi keamanannya saja diperbaiki, sepertinya ini bisa digunakan.

[awbrg789]

Wah, ini benar-benar menarik

[crawler]

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

Dan ada yang seperti ini di situsnya, dan ketika benar-benar diseret, ternyata memang ditambahkan ke bookmark.
Ini pertama kalinya saya melihatnya, sangat menarik. Ini cara yang bagus untuk dibagikan saat berbagi bookmarklet.

[xguru]

Oh.. bookmarklet GeekNews juga sudah ada sejak awal dibuka.
https://news.hada.io/bookmarklet

[crawler]

Wah, ternyata di GeekNews juga ada bookmarklet bagus seperti ini wkwk
Sepertinya mudah digunakan bahkan oleh orang awam, dan menurut saya ini benar-benar bagus

[xguru]

Menarik juga. Sepertinya Alibaba kembali merilis sesuatu yang unik.
Mungkin layak dicoba untuk alat admin internal layanan?
Kurang lebih, kalau cuma bikin CRUD lalu menyuruhnya melakukan ini dan itu secara berurutan, sepertinya workflow bisa terbentuk.
Demo cara kerjanya cukup menarik.

Ini juga bisa diterapkan ke situs web apa pun
dengan memakai bookmarklet tanpa memasukkannya langsung ke dalam kode.