5,500,175 AI resources indexedWorking toward the world’s largest AI resource index.

PDF

discover-ui-surface

Walk through a UI flow once manually and capture a durable interaction map — which DOM elements to click, which network requests they trigger, and what field shapes they expose. Produces a reusable selector+endpoint reference for automation scripts. Use before writing any Playwright block for a J...

Installable skillMITBy ZhixiangLuoUpdated Oct 30, 2026
INTENDED FOROpenClawInstall in a listed agent.

instructions.md

---
name: discover-ui-surface-324a9d5b8607
description: Walk through a UI flow once manually and capture a durable interaction map — which DOM elements to click, which network requests they trigger, and what field shapes they expose. Produces a reusable selector+endpoint reference for automation scripts. Use before writing any browser automation block for a JS-heavy SPA, design app, productivity app, or internal portal where selectors and API paths are not obvious from source inspection alone. Modes include Agent Browser for low-token interactive reconnaissance, Chrome DevTools Recorder, Playwright observer, and Playwright codegen+trace.
---

> **Canonical:** `workflows/discover-ui-surface/discover-ui-surface.md` (in this repo). This file is a thin pointer for Claude Code skill discovery — load the canonical workflow doc for the full methodology, Agent Browser guide, modes, and the `assets/observe_session.py` + `assets/har_to_map.py` scripts.

Read `workflows/discover-ui-surface/discover-ui-surface.md` and follow it. Companion guides:

- Agent Browser: `workflows/discover-ui-surface/agent-browser.md`
- Chrome DevTools Recorder: `workflows/discover-ui-surface/chrome-recorder.md`

Discuss this resource

Platform guidance

Imported from the listed AgentSkill.sh category. Complete supplied package files and notices are retained. Required external tools and credentials are not installed. No bundled code was executed during import. Individual agent task behavior has not been tested.