alibaba/page-agent

어떤 프로젝트인가요?

핵심 기능

• 01기본 사용 시 브라우저 확장 프로그램이나 백엔드 없이 페이지 내 JavaScript만으로 실행됩니다.
• 02스크린샷이나 멀티모달 모델 없이 텍스트 기반 DOM 표현을 사용합니다.
• 03로컬에 배포한 모델을 포함해 주요 LLM과 연동됩니다.
• 04선택 사항인 Chrome 확장 프로그램으로 여러 페이지에 걸친 작업을 지원합니다.
• 05베타 MCP 서버를 통해 외부 에이전트 클라이언트가 브라우저를 제어할 수 있습니다.

활용 사례

• 백엔드를 다시 작성하지 않고 SaaS 제품에 AI 코파일럿을 추가합니다.
• ERP, CRM 또는 관리 시스템의 여러 단계로 이루어진 양식 작업을 한 문장으로 처리합니다.
• 자연어나 음성 입력으로 웹 애플리케이션을 조작할 수 있게 합니다.

빠른 시작

1. 1

   데모 script 태그로 바로 사용해 보기(평가용)

   <script src="https://cdn.jsdelivr.net/npm/page-agent@1.12.4/dist/iife/page-agent.demo.js" crossorigin="anonymous"></script>
2. 2

   npm 패키지 설치하기

   npm install page-agent
3. 3

   PageAgent를 가져와 자신의 LLM API 키로 실행하기

사용 전 알아둘 점

• !데모 CDN은 무료 테스트용 LLM API를 사용하며 기술 평가용으로만 제공됩니다.
• !자체 모델과 함께 사용하려면 LLM API 키 또는 로컬에 배포된 모델이 필요합니다.
• !페이지 내에서만 작동하므로 여러 페이지에 걸친 작업에는 별도의 Chrome 확장 프로그램이 필요합니다.

토픽

자주 묻는 질문

page-agent은(는) 무엇인가요?

웹페이지에 GUI 에이전트를 삽입해 사용자가 자연어로 인터페이스를 제어할 수 있게 하는 JavaScript 라이브러리입니다. Page Agent는 웹페이지 내부에서 실행되며, 자연어 지시로 페이지의 인터페이스를 조작하는 AI 에이전트를 제공하는 JavaScript 라이브러리입니다. 모든 기능이 페이지 내 JavaScript로 실행되므로 브라우저 확장 프로그램, Python 런타임 또는 헤드리스 브라우저가 필요하지 않습니다.

page-agent은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

page-agent은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

page-agent은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. page-agent의 마지막 커밋은 2026년 10월 19일입니다.

page-agent은(는) 어디에 사용할 수 있나요?

백엔드를 다시 작성하지 않고 SaaS 제품에 AI 코파일럿을 추가합니다. ERP, CRM 또는 관리 시스템의 여러 단계로 이루어진 양식 작업을 한 문장으로 처리합니다. 자연어나 음성 입력으로 웹 애플리케이션을 조작할 수 있게 합니다.

page-agent는 어떻게 설치하나요?

데모 script 태그로 바로 사용해 보기(평가용): <script src="https://cdn.jsdelivr.net/npm/page-agent@1.12.4/dist/iife/page-agent.demo.js" crossorigin="anonymous"></script> npm 패키지 설치하기: npm install page-agent PageAgent를 가져와 자신의 LLM API 키로 실행하기

page-agent은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/alibaba/page-agent