← All skills
Tencent SkillHub · Communication & Collaboration

Web Qa Bot

AI-powered automated QA for web apps. Smoke tests, accessibility, visual regression. Works with Cursor, Claude, ChatGPT, Copilot. Vibe-coding ready.

skill openclawclawhub Free
0 Downloads
0 Stars
0 Installs
0 Score
High Signal

AI-powered automated QA for web apps. Smoke tests, accessibility, visual regression. Works with Cursor, Claude, ChatGPT, Copilot. Vibe-coding ready.

⬇ 0 downloads ★ 0 stars Unverified but indexed

Install for OpenClaw

Quick setup
  1. Download the package from Yavira.
  2. Extract the archive and review SKILL.md first.
  3. Import or place the package into your OpenClaw setup.

Requirements

Target platform
OpenClaw
Install method
Manual import
Extraction
Extract archive
Prerequisites
OpenClaw
Primary doc
SKILL.md

Package facts

Download mode
Yavira redirect
Package format
ZIP package
Source platform
Tencent SkillHub
What's included
PLAN.md, README.md, SKILL.md, bin/web-qa-bot.js, package-lock.json, package.json

Validation

  • Use the Yavira download entry.
  • Review SKILL.md after the package is downloaded.
  • Confirm the extracted package contains the expected setup assets.

Install with your agent

Agent handoff

Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.

  1. Download the package from Yavira.
  2. Extract it into a folder your agent can access.
  3. Paste one of the prompts below and point your agent at the extracted folder.
New install

I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Then review README.md for any prerequisites, environment setup, or post-install checks. Tell me what you changed and call out any manual steps you could not complete.

Upgrade existing

I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Then review README.md for any prerequisites, environment setup, or post-install checks. Summarize what changed and any follow-up checks I should run.

Trust & source

Release facts

Source
Tencent SkillHub
Verification
Indexed source record
Version
0.1.3

Documentation

ClawHub primary doc Primary doc: SKILL.md 18 sections Open source page

web-qa-bot

AI-powered web application QA automation using accessibility-tree based testing.

Overview

This skill provides tools for automated QA testing of web applications. It uses browser accessibility trees for reliable element detection instead of fragile CSS selectors.

Installation

npm install -g web-qa-bot agent-browser agent-browser install

Quick Smoke Test

web-qa-bot smoke https://example.com Runs basic health checks: Page loads successfully No console errors Navigation elements present Images have alt text

Run Test Suite

web-qa-bot run ./tests/suite.yaml --output report.md

Generate PDF Report

web-qa-bot report ./results.json -o report.pdf -f pdf

1. Quick Site Health Check

# Smoke test a production URL web-qa-bot smoke https://app.example.com --checks pageLoad,consoleErrors,navigation

2. Pre-deployment QA

Create a test suite and run before each deployment: # tests/critical-paths.yaml name: Critical Paths baseUrl: https://staging.example.com tests: - name: Login flow steps: - goto: /login - type: { ref: Email, text: test@example.com } - type: { ref: Password, text: testpass } - click: Sign In - expectVisible: Dashboard - expectNoErrors: true web-qa-bot run ./tests/critical-paths.yaml --output qa-report.pdf -f pdf

3. Monitor for Regressions

# Run tests and fail CI if issues found web-qa-bot run ./tests/smoke.yaml || exit 1

4. Programmatic Testing

import { QABot } from 'web-qa-bot' const qa = new QABot({ baseUrl: 'https://example.com', headless: true }) await qa.goto('/') await qa.click('Get Started') await qa.snapshot() qa.expectVisible('Sign Up') await qa.close()

Integration with agent-browser

This tool wraps agent-browser CLI for browser automation: # Connect to existing browser session web-qa-bot smoke https://example.com --cdp 18800 # Run headed for debugging web-qa-bot run ./tests/suite.yaml --no-headless

Test Results Format

Results are returned as structured JSON: { "name": "Smoke Test", "url": "https://example.com", "summary": { "total": 4, "passed": 3, "failed": 0, "warnings": 1 }, "tests": [ { "name": "Page Load", "status": "pass", "duration": 1234 } ] }

Tips

Use role-based selectors - More reliable than CSS classes Check console errors - Often reveals hidden issues Test both navigation methods - Direct URL and in-app routing Screenshot on failure - Automatic in test suites Monitor for modals - Can block interactions

Report Formats

Markdown - Default, human-readable PDF - Professional reports via ai-pdf-builder JSON - Machine-readable for CI/CD

"agent-browser not found"

npm install -g agent-browser agent-browser install

"Element not found"

Take a snapshot first to see available refs: agent-browser snapshot

"Timeout waiting for element"

Increase timeout or check if element is behind a loading state: steps: - waitMs: 2000 - waitFor: "Loading" # Wait for loading to appear - waitFor: "Content" # Then wait for content

Links

GitHub npm

Category context

Messaging, meetings, inboxes, CRM, and teammate communication surfaces.

Source: Tencent SkillHub

Largest current source with strong distribution and engagement signals.

Package contents

Included in package
3 Docs2 Config1 Scripts
  • SKILL.md Primary doc
  • PLAN.md Docs
  • README.md Docs
  • bin/web-qa-bot.js Scripts
  • package-lock.json Config
  • package.json Config