web-debug
CommunityEnd-to-end SPA validation with automated browser testing.
Content & Communication#automation#UI testing#regression testing#browser#visual verification#headless chromium
AuthorLincyaw
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the need for reliable validation of the web user interface by automating browser interactions and capturing visual results, ensuring frontend integrity after code changes.
Core Features & Use Cases
- Headless SPA Testing: Drives the web UI through a real Chromium browser in headless mode to verify rendering, login, and page transitions.
- Screenshot Capture & Verification: Takes screenshots at different stages to visually confirm UI correctness and facilitate regression checks.
- Use Case: After merging updates to the frontend or authentication flow, run this Skill to automate UI interactions and ensure the dashboard loads correctly with captured images for review.
Quick Start
Use this Skill to run a sequence of browser interactions that load the app, perform login, navigate to sessions, and take screenshots for verification.
Dependency Matrix
Required Modules
browser-harness
Components
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: web-debug Download link: https://github.com/Lincyaw/workbuddy/archive/main.zip#web-debug Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.