One-click install
npx skills add https://github.com/abdulazeezoj/monovella-poc --skill qa-abdulazeezoj
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: qa
Source: https://github.com/abdulazeezoj/monovella-poc/tree/main/.agents/skills/gstack/qa
Command: npx skills add https://github.com/abdulazeezoj/monovella-poc --skill qa-abdulazeezoj

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Manually clicking through a web app to find bugs is slow and easy to skip before shipping. This Skill drives a real browser through your application, documents reproducible issues with screenshot evidence, scores overall health, and then fixes the bugs it found with atomic commits and re-verification. ## Core Features & Use Cases - Browser-based exploration: Visits pages, clicks interactive elements, submits forms, checks console errors, and captures before/after screenshots for every issue. - Multiple test modes: Diff-aware mode scopes testing to your feature branch changes; Full, Quick, and Regression modes cover smoke tests through exhaustive audits with baseline comparison. - Health scoring and reporting: Produces a weighted 0-100 health score across console, links, visual, functional, UX, performance, content, and accessibility categories, plus a ship-readiness summary. - Iterative fixing: Fixes confirmed bugs in source code, commits each fix atomically, writes regression tests, and re-verifies with after screenshots. - Use Case: You finish a feature branch and ask for a QA pass. The Skill diffs the branch, opens the affected pages in a browser, finds a broken form submit and a console error, fixes both, and reports the health score moving from 72 to 95. ## Quick Start Ask the assistant to QA test the current feature branch and fix any bugs it finds.

Frequently Asked Questions about qa

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

FAQPage Schema
How do I QA test my web app automatically before shipping?

Invoke the qa skill on your feature branch or with a target URL. It opens the app in a real browser, explores pages, tests forms and interactive elements, documents issues with screenshots, then fixes confirmed bugs and re-verifies each fix.

What is diff-aware QA testing on a feature branch?

Diff-aware mode analyzes your branch diff with git to identify affected pages and routes, then scopes browser testing to just those changes. It cross-references commit messages to verify the change does what was intended and checks adjacent pages for regressions.

How is the QA health score calculated?

The health score is a weighted average of category scores: functional 20%, console and UX 15% each, links, visual, and performance 10% each, accessibility 15%, and content 5%. Each category starts at 100 and deducts points per issue by severity.

Does the QA skill work with Next.js, Rails, or WordPress sites?

Yes. It detects the framework during the orientation phase and applies framework-specific checks, such as hydration errors for Next.js, CSRF tokens and Turbo behavior for Rails, and plugin conflicts for WordPress. Generic SPA guidance covers React, Vue, and Angular.

Can the QA skill handle login, 2FA, or CAPTCHA during testing?

It never types credentials itself. When a sign-in wall, 2FA prompt, or CAPTCHA appears, it pauses and asks you to complete the step in the browser, then resumes testing with your authenticated session.

What are the limitations of automated browser QA testing?

It tests as a user without reading source code, so it cannot verify internal logic directly. Mutating actions on non-local sites require explicit consent, and it never signs you out or switches accounts on its own.