record-browserlisted

<essential_principles> **Browser recording pipeline:** install deps → launch browser (optional URL, defaults to welcome page) → user navigates and records → annotations via draw mode → stop → save/review dialog → ask user what to do next. This skill works **both standalone and chained with vision-replay**. After saving a recording, use the question templates in `references/question-templates.md` to ask the user whether they want to analyze the recording or keep it as an artifact. The browser includes a glassmorphism toolbar with recording controls and a full annotation toolset powered by fabric.js. All annotations are drawn on a canvas overlay and captured in the recording via the Chrome compositor output — no post-processing required. **Dependency location:** Chrome for Testing is installed to `${CLAUDE_PLUGIN_ROOT}/.deps/browsers/`. No npm packages required — the recorder uses raw Chrome DevTools Protocol over WebSocket (Node 22+ built-in). **Vendored library:** fabric.js is vendored at `${CLAUDE_PLUGIN_ROOT}/skills/record-browser/vendor/fabric.min.js`. Loaded into the page via CDP `Runtime.evaluate` — no CDN, no npm install at runtime. **Script location:** All scripts live at `${CLAUDE_PLUGIN_ROOT}/skills/record-browser/scripts/`. Define this once: ```bash SCRIPTS_DIR="${CLAUDE_PLUGIN_ROOT}/skills/record-browser/scripts" ``` Then run scripts as: `bash "$SCRIPTS_DIR/<script-name>.sh" <args>` </essential_principles> <prerequisites> **Node.js** (v22+) must be availabl