page-agent

Translate natural-language instructions into DOM-based UI actions in web applications.

19|4|Updated Apr 22, 2026
One-click install
npx skills add https://github.com/carterwayneskhizeine/hermes-agent-windows-R --skill page-agent-carterwayneskhizeine
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: page-agent
Source: https://github.com/carterwayneskhizeine/hermes-agent-windows-R/tree/main/optional-skills/web-development/page-agent
Command: npx skills add https://github.com/carterwayneskhizeine/hermes-agent-windows-R --skill page-agent-carterwayneskhizeine

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

page-agent helps you add natural-language control to an existing web UI so users can accomplish tasks without manually clicking through multiple screens.

Core Features & Use Cases

  • In-page GUI automation (DOM text only): Reads the page DOM as text and performs actions like clicking and form filling based on instructions.
  • Embed as a single script tag or npm package: Drop-in client-side integration for SaaS/admin panels without requiring a browser extension or headless automation.
  • Natural-language UI copilot: Turns “what I want to do” into step-by-step UI operations, useful for onboarding, accessibility-oriented flows, and interactive demos.

Real-world example: In an invoicing dashboard, users can type “create an invoice for Acme Corp and email it,” and the agent will navigate the relevant UI and fill the required fields.

Quick Start

Install the npm package into your web app, configure an OpenAI-compatible LLM endpoint, and call agent.panel.show() to display the in-page control panel for end users.

Frequently Asked Questions about page-agent

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

FAQPage Schema
How do I add natural language control to an existing web UI?

To add natural language control to a web UI, embed a JavaScript in-page agent that translates user instructions into DOM-based actions like clicking and form filling without requiring browser extensions or screenshots.

Can I automate SaaS admin portal tasks using natural language without browser extensions?

Yes, you can automate SaaS admin portal tasks using natural language by embedding a client-side script tag or npm package that reads the page DOM as text and executes UI operations directly in the browser.

What is an in-page GUI agent for DOM automation?

An in-page GUI agent for DOM automation is a client-side script that interprets natural language instructions, reads the existing web page DOM, and performs interactive operations like clicking and filling form fields.

Do I need a backend proxy to connect an LLM endpoint for web UI automation?

Yes, you need a backend proxy to securely configure an OpenAI-compatible /v1 chat-completions endpoint with your model, baseURL, and API key for the in-page agent to process natural language instructions.

What are the limitations of DOM text-based web UI automation?

DOM text-based web UI automation relies on reading page text rather than visual screenshots, meaning it is limited to accessible DOM elements and cannot interact with canvas-based graphics or complex visual interfaces.

Does page-agent work for interactive in-browser product demos?

Yes, page-agent works for interactive in-browser product demos by embedding a single script tag that turns natural language instructions into step-by-step UI operations without headless automation.