Discover ui surface
Skill ZhixiangLuo/10xProductivity/.claude/skills/discover-ui-surface
Personal AI assistant for work inside corporate constraints, built on coding agents and the tools, sessions, and permissions you already have.
npx -y skills add ZhixiangLuo/10xProductivity --skill discover-ui-surfaceAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
What its author says it does
Copied from the file, not written here
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.
SKILL.md
1.2 KB, as published. Nobody here has run it
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 theassets/observe_session.py+assets/har_to_map.pyscripts.
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