PageAgent 🤖🪄

纯 JS 实现的 GUI agent。使用自然语言操作你的 Web 应用。无须后端、客户端、浏览器插件。

🌐 English | 中文

👉 🚀 Demo | 📖 Documentation

✨ Features

🎯 轻松集成
🔐 端侧运行
🧠 HTML 脱水
💬 自然语言接口
🎨 HITL 交互界面

🗺️ Roadmap

👉 Roadmap

🚀 快速开始

快速体验 (With Testing LLM)

最快的体验方式：

<script
    src="https://registry.npmmirror.com/page-agent/1.0.0-beta.1/files/dist/iife/page-agent.demo.js"
    crossorigin="true"
></script>

⚠️ 仅用于技术评估。 Demo 模型有速率限制和使用限制，生产环境请使用 NPM 方式。

镜像	URL
Global	https://cdn.jsdelivr.net/npm/page-agent@1.0.0-beta.1/dist/iife/page-agent.demo.js
China	https://registry.npmmirror.com/page-agent/1.0.0-beta.1/files/dist/iife/page-agent.demo.js

NPM 安装

npm install page-agent

import { PageAgent } from 'page-agent'

const agent = new PageAgent({
    model: 'deepseek-chat',
    baseURL: 'https://api.deepseek.com',
    apiKey: 'YOUR_API_KEY',
    language: 'zh-CN',
})

await agent.execute('点击登录按钮')

适用于无法使用 NPM 的环境，我们也提供了 IIFE 构建的 CDN 方式。@see CDN Usage

🏗️ 架构设计

PageAgent adopts a simplified monorepo structure:

packages/
├── core/                # ** Core agent logic without UI(npm: @page-agent/core) **
├── page-agent/          # Exported agent and demo(npm: page-agent)
├── llms/                # LLM 客户端 (npm: @page-agent/llms)
├── page-controller/     # DOM 操作 & 蒙层 & 模拟鼠标 (npm: @page-agent/page-controller)
├── ui/                  # 面板 & i18n (npm: @page-agent/ui)
└── website/             # 文档站点

🤝 贡献

欢迎社区贡献！以下是参与方式：

Fork 并 clone。git clone https://github.com/alibaba/page-agent.git && cd page-agent
安装依赖: npm install
启动开发: npm start

更多详情请参阅 CONTRIBUTING.md。

请在贡献前阅读我们的行为准则。

👏 致谢

本项目基于 browser-use 的优秀工作构建。

PageAgent 专为客户端网页增强设计，不是服务端自动化工具。

DOM processing components and prompt are derived from browser-use:

Browser Use
Copyright (c) 2024 Gregor Zunic
Licensed under the MIT License

Original browser-use project: <https://github.com/browser-use/browser-use>

We gratefully acknowledge the browser-use project and its contributors for their
excellent work on web automation and DOM interaction patterns that helped make
this project possible.

Third-party dependencies and their licenses can be found in the package.json
file and in the node_modules directory after installation.

📄 许可证

MIT License

⭐ 如果觉得 PageAgent 有用或有趣，请给项目点个星！

4.6 KiB Raw Blame History