@zhixiangluo/discover-ui-surface-10xproductivity

A recipe for your coding agent to connect all tools for automation and 10x productivity

View in AI SkillSafe app
0 downloads
0 stars
0 demos
SKILL.md
namediscover-ui-surface
descriptionWalk 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 Cursor 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

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@zhixiangluo/discover-ui-surface-10xproductivity/verified)](https://skillsafe.ai/skill/@zhixiangluo/discover-ui-surface-10xproductivity/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@zhixiangluo/discover-ui-surface-10xproductivity/installs)](https://skillsafe.ai/skill/@zhixiangluo/discover-ui-surface-10xproductivity/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@zhixiangluo/discover-ui-surface-10xproductivity/scan)](https://skillsafe.ai/skill/@zhixiangluo/discover-ui-surface-10xproductivity/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@zhixiangluo/discover-ui-surface-10xproductivity/eval)](https://skillsafe.ai/skill/@zhixiangluo/discover-ui-surface-10xproductivity/)