Live Browser Testing

What it does

Automates visual and functional review of a web app in a real browser, including console, network, and responsive breakpoints. Catches UI issues before they reach the end client.

When to use it

• Before delivering a new feature to a client
• Debugging errors reported in console or network
• Validating that a design responds well across screen sizes

Steps

1. Open the app at the target breakpoint (desktop, tablet, mobile)
2. Check console and network for errors
3. Run the main functional flow step by step
4. Capture screenshots of key states
5. Document findings with visual evidence
6. Propose fixes as a draft before applying them in code

The skill

---
name: live-browser-testing
description: Live visual and functional testing of web apps using browser automation across desktop, tablet, and mobile breakpoints.
---

# Live Browser Testing

## 1. What it does
Automates visual and functional review of a web app in a real browser, including console, network, and responsive breakpoints. Catches UI issues before they reach the end client.

## 2. When to use it
- Before delivering a new feature to a client
- Debugging errors reported in console or network
- Validating that a design responds well across screen sizes

## 3. Steps
1. Open the app at the target breakpoint (desktop, tablet, mobile)
2. Check console and network for errors
3. Run the main functional flow step by step
4. Capture screenshots of key states
5. Document findings with visual evidence
6. Propose fixes as a draft before applying them in code

## 4. Safety rules
Always work in draft mode: nothing is sent, published, or paid for without explicit client approval. Never invent data, metrics, or results. No passwords, tokens, or API keys are requested or shown in chat.

## 5. Deliverable
A clear, reviewable draft of the output (text, code, report, or file), ready for the user to approve before it becomes final.

For Claude Code, save it as ~/.claude/skills/live-browser-testing/SKILL.md. In Cursor, ChatGPT or another assistant, paste it as project instructions.