live-debug

Navigate production pages, capture screenshots, and read network logs.

Updated Dec 3, 2025

Search Tags:#a11y #screenshots #production #mcp #chrome #live-debug

One-click install

npx skills add https://github.com/tidemann/st44-home --skill live-debug

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: live-debug
Source: https://github.com/tidemann/st44-home/tree/main/.claude/skills/live-debug
Command: npx skills add https://github.com/tidemann/st44-home --skill live-debug

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Debug production UI on home.st44.no to verify issues, reproduce flows, and verify fixes with live visuals.

Core Features & Use Cases

Navigate production pages
Capture screenshots and read accessibility tree
Read network requests and console logs
Record bug reproduction GIFs
Interact with page (clicks, inputs, scrolling)

Quick Start

Example: /live-debug Check if the login page has the white border bug