skills.rest
celikgo
celikgoCOMMUNITY
Explore all skills by this author →
𝕏@skyhunstGitHub

testing-web-app

Runs end-to-end website QA audits covering accessibility, performance, responsive layout, and errors with HTML reports.

Updated Apr 11, 2026
Search Tags:#performance#accessibility#responsive design#web testing#Playwright#HTML report#QA audit
One-click install
npx skills add https://github.com/celikgo/webmobai --skill testing-web-app-celikgo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: testing-web-app
Source: https://github.com/celikgo/webmobai/tree/main/.claude/skills/testing-web-app
Command: npx skills add https://github.com/celikgo/webmobai --skill testing-web-app-celikgo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Manually auditing a website across accessibility, performance, responsive breakpoints, and runtime errors is slow and fragmented. This Skill orchestrates a complete QA pass through the WebMobAI MCP tools and produces a single self-contained HTML report with screenshots, video, and a Playwright trace. ## Core Features & Use Cases - Full-site QA workflow: Launches an isolated Chromium session, explores up to 5 internal pages, checks console/network errors, and records structured pass/warning/fail results. - Accessibility and performance audits: Groups WCAG issues by impact level and rates Web Vitals (LCP, FCP, CLS, TTI, TTFB, INP) against Good/Needs Improvement/Poor thresholds. - Responsive and evidence capture: Screenshots each breakpoint, flags horizontal overflow, records session video, and generates an HTML report plus JUnit XML for CI. - Use Case: Ask to "test https://example.com and give me a full report" and receive a report file, screenshots, video, trace.zip, and a prioritized summary of the top issues to fix. ## Quick Start Ask the AI to run a full QA audit on your website URL and generate the HTML report with screenshots and performance scores.

Frequently Asked Questions about testing-web-app

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

FAQPage Schema
How do I run a full end-to-end QA audit on a website?▼

Provide the target URL and the skill launches an isolated Chromium browser, explores up to 5 internal pages, runs accessibility and performance audits, tests responsive breakpoints, and generates a self-contained HTML report with screenshots and video.

What performance metrics does a WebMobAI audit measure?▼

The audit measures LCP, FCP, CLS, TTI, INP, TTFB, DOMContentLoaded, and page load time. LCP, FCP, CLS, TTI, and TTFB are rated against Good, Needs Improvement, and Poor threshold bands, while INP and load timings are reported without ratings.

Can I test a website that sits behind a login page?▼

Yes. Log in once in headed mode, save the session with webmobai_save_storage_state, then relaunch the browser with storage_state_path pointing at that file. The saved file contains session tokens and must be treated as a credential.

Does the audit support official Lighthouse scores?▼

Yes, webmobai_lighthouse_audit returns the four official 0-100 category scores. It requires the optional lighthouse and chrome-launcher packages and spawns its own headless Chrome, so it does not reuse the current session's cookies.

Why does navigation hang on single-page applications?▼

webmobai_navigate waits for network idle, which SPAs with long-polling sockets may never reach. Fall back to webmobai_wait_for with a selector targeting a known-stable element to proceed after the route change.

When should I not use the full website audit workflow?▼

Skip it when you only need a single dimension such as accessibility-only, performance-only, or responsive layout checks. The full pass takes longer and produces a larger artifact than a focused specialized skill would.

Related Skills

Explore More Software Engineering Skills→
danielrosehilldanielrosehill

scrape-authenticated

Captures paywalled web pages by driving the user's logged-in Chrome via bb-browser.

Community
Intermediate
LuigiAPCPereiraLuigiAPCPereira

golang-benchmark

Measure Go code performance and analyze profiling data.

Community
Advanced
liauw-medialiauw-media
3

lighthouse-performance-optimization

Run Lighthouse audits through MCP to identify website performance bottlenecks.

Community
Advanced
softwaresaltsoftwaresalt
1

writing-tests

Guides creation of behavior-focused, outcome-based tests for any language or framework.

Community
Intermediate