skills.rest
Rawgrowth-Consulting
Rawgrowth-ConsultingOFFICIAL
Explore all skills by this author →
GitHub

page-agent

Embed a TypeScript UI panel that drives DOM interactions via natural language.

Updated Apr 23, 2026
Search Tags:#frontend#nlp#embed#dom-manipulation#ai-copilot#web-agent#page-agent
One-click install
npx skills add https://github.com/Rawgrowth-Consulting/rawclaw-agent --skill page-agent
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: page-agent
Source: https://github.com/Rawgrowth-Consulting/rawclaw-agent/tree/main/optional-skills/web-development/page-agent
Command: npx skills add https://github.com/Rawgrowth-Consulting/rawclaw-agent --skill page-agent

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web developers need a lightweight, in-page AI copilot that can drive the UI by natural language without server-side automation or external headless browsers.

Core Features & Use Cases

  • Pure client-side GUI agent in TypeScript that runs inside a webpage and controls the DOM using natural-language commands.
  • Embeds via a single script tag or npm package, enabling quick, non-intrusive integration into SaaS dashboards, admin panels, or B2B tools.
  • Supports evaluation against local or hosted LLM endpoints (OpenAI-compatible or alternatives) for interactive demos and product tours.
  • Typical use cases include adding AI-assisted UI navigation, form filling, and guided tutorials within existing web apps.

Quick Start

Install page-agent in your web app and wire it to your OpenAI-compatible LLM endpoint, then call agent.panel.show().

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 in my web app to automate UI tasks?▼

To embed an AI copilot in your web app, install the page-agent client script or npm package, wire it to an OpenAI-compatible LLM endpoint, and call agent.panel.show() to enable natural language DOM manipulation for end-user automation.

What is a client-side web agent for DOM manipulation?▼

A client-side web agent for DOM manipulation is a pure TypeScript UI panel that runs inside a webpage, allowing users to control the interface and fill forms using natural language commands without server-side automation or headless browsers.

Can I use a custom LLM endpoint with an in-page AI copilot?▼

Yes, you can use a custom LLM endpoint with an in-page AI copilot. The agent supports evaluation against local or hosted LLM endpoints, requiring only OpenAI-compatible or alternative API configurations to drive interactive demos and UI navigation.

Does the in-page AI copilot work with SaaS dashboards and admin panels?▼

Yes, the in-page AI copilot works with SaaS dashboards and admin panels. It integrates via a single script tag or npm package, enabling non-intrusive, AI-assisted UI navigation, form filling, and guided tutorials within existing B2B web tools.

What are the limitations of using a pure client-side GUI agent for web automation?▼

Limitations of a pure client-side GUI agent include the need for a security-conscious integration to handle error states, visible UI wiring, and user input settings, as it operates entirely within the browser without backend automation capabilities.

Do I need server-side automation to add natural language commands to my web app?▼

No, you do not need server-side automation to add natural language commands to your web app. The page-agent operates as a pure client-side TypeScript UI panel, directly controlling the DOM using natural language without external headless browsers.

Related Skills

Explore More Software Engineering Skills→
JuanMS20JuanMS20

page-agent

Embed a TypeScript GUI agent that reads the DOM and executes natural-language UI actions.

Community
Intermediate
s4kr4s4kr4
1

react-implement

Implement scalable React components with TypeScript, hooks, and testing patterns.

Community
Intermediate
w7panelw7panel
182

agent-browser

Automate browser navigation, DOM manipulation, form filling, and screenshots via Rust CLI.

Official
Intermediate
githubgithub
4.9k

gh-agent-task

Create GitHub Copilot-driven agent tasks from natural language via the gh-agent-task CLI extension.

Official
Intermediate