skills.rest
Lincyaw
LincyawCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-debug

Automate headless Chromium browser tests for web UI regressions.

2|1|Updated Apr 14, 2026
Search Tags:#automation#UI testing#regression testing#browser#visual verification#headless chromium
One-click install
npx skills add https://github.com/Lincyaw/workbuddy --skill web-debug
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-debug
Source: https://github.com/Lincyaw/workbuddy/tree/main/plugins/workbuddy/skills/web-debug
Command: npx skills add https://github.com/Lincyaw/workbuddy --skill web-debug

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires browser-harness, and includes scripts (resource) components.

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.

Frequently Asked Questions about web-debug

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate UI testing for an SPA using headless Chromium?▼

Automate UI testing for an SPA by driving a headless Chromium browser to execute scripted interactions like goto_url, wait_for_load, and capture_screenshot. This validates rendering, login, and page transitions to detect visual and functional regressions after code changes.

How does screenshot capture work for web UI regression testing?▼

Screenshot capture for web UI regression testing works by taking snapshots at different interaction stages within a headless browser. These captured images allow you to visually verify frontend correctness and review UI integrity after merging updates to authentication flows or dashboards.

Can I use browser automation scripts for post-deployment checks in continuous integration?▼

Yes, you can use browser automation scripts for post-deployment checks in continuous integration workflows. The automation runs headless browser interactions to load applications, perform logins, and navigate sessions, verifying that web components render correctly after deployment.

Do I need a browser harness to run headless browser testing for web applications?▼

Yes, you need a browser-harness dependency to run headless browser testing for web applications. This prerequisite environment provides the foundational browser control framework required to execute headless Chromium operations and validate SPA rendering.

What is the best way to detect visual regressions in a web application dashboard?▼

The best way to detect visual regressions in a web application dashboard is to automate browser interactions using headless Chromium. By scripting navigation and capturing screenshots, you can visually confirm UI correctness and identify rendering issues introduced by recent frontend updates.

Why does my headless SPA testing fail to capture screenshots during page transitions?▼

Headless SPA testing may fail to capture screenshots if the script does not properly use wait_for_load to ensure page transitions complete. You must sequence goto_url and wait_for_load functions correctly before capture_screenshot to verify rendering and avoid incomplete UI validation.

Related Skills

Explore More Content & Communication Skills→
thanh-abaiithanh-abaii
34

gs:setup-browser-cookies

Import Chromium cookies into a Playwright headless browser session.

Community
Intermediate
ShmurdocShmurdoc

canary

Monitor live production apps for console errors and visual regressions after deployment.

Community
Advanced
ZESCODEZESCODE

browser-qa

Automate visual regression testing and UI interaction verification for web applications.

Community
Advanced
teexiiiteexiii

tests

Test Bun.serve HTTP servers with isolated ports, tokens, and database cleanup.

Community
Intermediate