zoushiyang/page-agent

Fork 0

Files

Simon 79dcf9d9e4 docs: fix api doc, should be model instead of modelName

2026-01-07 19:58:43 +08:00

4.2 KiB

Raw Blame History

PageAgent 🤖🪄

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

🌐 English | 中文

👉 🚀 Demo | 📖 Documentation

✨ Features

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

🗺️ Roadmap

👉 Roadmap

🚀 快速开始

CDN 集成

// CDN        - https://cdn.jsdelivr.net/npm/page-agent@latest/dist/umd/page-agent.js
// Mirror(CN) - https://registry.npmmirror.com/page-agent/latest/files/dist/umd/page-agent.js
<script 
	src="https://registry.npmmirror.com/page-agent/latest/files/dist/umd/page-agent.js" 
	crossorigin="true" 
	type="text/javascript"
></script>

NPM 安装

npm install page-agent

import { PageAgent } from 'page-agent'

// 测试接口
// @note: 限流，限制 prompt 内容，限制来源，随时变更，请替换成你自己的
// @note: 使用 DeepSeek-chat(3.2) 官方版本，使用协议和隐私策略见 DeepSeek 网站
const DEMO_MODEL = 'PAGE-AGENT-FREE-TESTING-RANDOM'
const DEMO_BASE_URL = 'https://hwcxiuzfylggtcktqgij.supabase.co/functions/v1/llm-testing-proxy'
const DEMO_API_KEY = 'PAGE-AGENT-FREE-TESTING-RANDOM'

const agent = new PageAgent({
	model: DEMO_MODEL,
	baseURL: DEMO_BASE_URL,
	apiKey: DEMO_API_KEY,
	language: 'zh-CN',
})

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

🏗️ 架构设计

PageAgent adopts a simplified monorepo structure:

packages/
├── page-agent/          # AI agent (npm: page-agent)
├── llms/                # LLM 客户端 (npm: @page-agent/llms)
├── page-controller/     # DOM 操作 (npm: @page-agent/page-controller)
├── ui/                  # 面板 & 蒙层 & 模拟鼠标 (npm: @page-agent/ui)
└── website/             # 文档站点

🤝 贡献

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

开发环境

Fork 项目仓库
Clone or fork: git clone https://github.com/alibaba/page-agent.git && cd page-agent
安装依赖: npm install
启动开发: npm start

贡献指南

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

👏 致谢

本项目基于以下优秀项目构建：

browser-use

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

📄 许可证

MIT 许可证 - 详见 LICENSE 文件。

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.

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

4.2 KiB Raw Blame History