page-agent

Embed a client-side AI copilot that interprets natural language to drive UI interactions.

Updated May 2, 2026
One-click install
npx skills add https://github.com/AlvaroBiano/hermes-agent --skill page-agent-alvarobiano
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page-agent
Source: https://github.com/AlvaroBiano/hermes-agent/tree/main/optional-skills/web-development/page-agent
Command: npx skills add https://github.com/AlvaroBiano/hermes-agent --skill page-agent-alvarobiano

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web developers can add an AI-powered, in-page GUI agent that runs entirely in the browser to control a page via natural language, eliminating the need for server-side browser automation.

Core Features & Use Cases

  • Client-side AI copilot that reads the DOM as text and executes instructions like "click login" or "fill username John" without server calls.
  • Pure TypeScript integration that ships as a single script or npm package for easy embedding in SaaS dashboards, admin panels, and legacy web apps.
  • Use cases include enabling accessibility, building product demos, and evaluating UI flows with an AI-driven assistant in your own site.

Quick Start

Install page-agent in your web app and show the panel to start driving the page with natural language.

Frequently Asked Questions about page-agent

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I embed an AI copilot inside my web app to control the page?

To embed an AI copilot inside your web app, install the page-agent package via CDN or npm and configure the PageAgent API with your model, baseURL, and language. This adds a client-side assistant that reads the DOM and executes natural language instructions directly in the browser.

Can I drive UI interactions with natural language without server-side browser automation?

Yes, you can drive UI interactions without server-side browser automation by using a client-side AI copilot. It interprets the DOM as text and executes commands like "click login" or "fill username" entirely within the browser, eliminating the need for backend calls.

Does the in-page AI copilot work with legacy web apps and SaaS dashboards?

Yes, the in-page AI copilot works with legacy web apps, SaaS dashboards, and admin panels. It ships as a pure TypeScript single script or npm package, allowing you to easily embed the assistant into various web environments to evaluate UI flows or enhance accessibility.

What do I need to configure to set up a client-side AI agent in a browser?

To set up a client-side AI agent, you need a modern browser and a compatible OpenAI-like LLM endpoint. You must configure the PageAgent API with specific parameters including the model, baseURL, and language to enable the copilot to process natural language instructions.

What is the best way to add an AI assistant for accessibility in a web application?

The best way to add an AI assistant for accessibility is embedding a client-side copilot that reads the DOM as text. This allows users to drive page interactions through natural language commands, enabling accessibility tools directly without server-side automation.

Are there limitations to running an AI copilot entirely in the browser?

Running an AI copilot entirely in the browser requires a modern browser and a compatible OpenAI-like LLM endpoint to function. It operates purely client-side by reading the DOM as text, which means it depends on the browser environment and the external LLM configuration provided through the PageAgent API.