From sundial-org-awesome-openclaw-skills-4
Automates QA testing for web apps using accessibility-tree detection. Runs smoke tests, YAML suites, generates PDF/MD reports for pre-deployment checks, regressions, and CI.
npx claudepluginhub joshuarweaver/cascade-ai-ml-agents-misc-2 --plugin sundial-org-awesome-openclaw-skills-4This skill uses the workspace's default tool permissions.
AI-powered web application QA automation using accessibility-tree based testing.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
AI-powered web application QA automation using accessibility-tree based testing.
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.
npm install -g web-qa-bot agent-browser
agent-browser install
web-qa-bot smoke https://example.com
Runs basic health checks:
web-qa-bot run ./tests/suite.yaml --output report.md
web-qa-bot report ./results.json -o report.pdf -f pdf
# Smoke test a production URL
web-qa-bot smoke https://app.example.com --checks pageLoad,consoleErrors,navigation
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
# Run tests and fail CI if issues found
web-qa-bot run ./tests/smoke.yaml || exit 1
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()
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
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
}
]
}
npm install -g agent-browser
agent-browser install
Take a snapshot first to see available refs:
agent-browser snapshot
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