A comprehensive browser automation skill for OpenClaw that performs functional, UI, accessibility, performance, and visual regression testing.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install vibetesting
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install vibetesting using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is vibetesting - Browser Automation Testing?
The vibetesting skill is a robust automation engine designed specifically for the OpenClaw ecosystem. It empowers AI agents to programmatically launch browser instances (Chrome/Chromium) to interact with and validate web applications across multiple technical dimensions. By leveraging this tool within Openclaw Skills, developers can automate the verification of UI consistency, WCAG accessibility compliance, and Core Web Vitals.
This skill bridges the gap between manual browsing and automated quality assurance. Whether you need a quick smoke test or a deep security audit, it provides the necessary infrastructure to ensure web applications perform as expected under various conditions. Its ability to generate detailed HTML reports and JSON exports makes it an essential component for modern development workflows using Openclaw Skills.
vibetesting - Browser Automation Testing Use Cases
- Automated functional testing for complex form validations and user navigation flows.
- Continuous accessibility monitoring to ensure WCAG 2.1 compliance and ARIA standards.
- Performance benchmarking to track Core Web Vitals and resource load times during development.
- Visual regression testing to detect unintended layout shifts or CSS changes across deployments.
- Secure End-to-End (E2E) validation for critical user journeys like authentication and checkout processes.
How vibetesting - Browser Automation Testing Works
- The user triggers the skill by specifying a Target URL and a testing type (e.g., quick, comprehensive, or accessibility) within a markdown block.
- OpenClaw initializes a browser instance, applying custom configurations such as viewport size, headless mode, and authentication cookies.
- The skill executes the selected test suite, which may involve DOM interaction, performance profiling, or screenshot capture for visual comparison.
- Results are analyzed against defined thresholds, such as performance budgets or visual difference tolerances.
- A comprehensive report is generated in the chosen format (HTML, JSON, or Console), providing actionable insights and debugging information within the Openclaw Skills environment.
vibetesting - Browser Automation Testing Setup
To get started with this skill, ensure that Chrome or Chromium is installed on your host system. The OpenClaw gateway must be running with browser support enabled. You can execute tests directly via the command line or integrate them into your agent workflows:
npx vibetesting --url https://example.com --type comprehensive --output results/
For CI/CD integration, define the target URL and report format in your pipeline configuration to leverage the full power of Openclaw Skills.
vibetesting - Browser Automation Testing Data Schema & Taxonomy
The skill organizes its output into structured artifacts that provide a clear overview of the application state. Data is typically categorized as follows:
| Data Category | Format | Contents |
|---|---|---|
| Executive Summary | Text | Overall pass/fail statistics and critical issue count. |
| Functional Results | HTML | Detailed breakdown of test cases and error messages. |
| Accessibility Audit | HTML | WCAG violation severity and remediation recommendations. |
| Performance Metrics | JSON | Detailed timing for LCP, FID, CLS, and Lighthouse scores. |
| Visual Diffs | PNG | Side-by-side comparison images highlighting layout shifts. |
vibetesting - Browser Automation Testing Advanced Features
- Custom Viewport Support: Test responsiveness by defining specific dimensions for mobile, tablet, and desktop devices.
- Smart Wait Strategies: Optimize reliability by waiting for network idle, DOM stability, or specific element selectors.
- Visual Threshold Configuration: Fine-tune visual regression sensitivity (0-1) to ignore minor rendering variations.
- Multi-step E2E Scripting: Define sequential user actions like 'add_item_to_cart' and 'complete_order' for full flow validation.
- Automated Retry Logic: Configure attempt counts and delays to handle flaky elements or slow network conditions in Openclaw Skills.
SKILL.md
Loading
Related Openclaw Skills
GitHub Pages Auto-Deploy
A specialized tool for automating the build and deployment process of static websites to GitHub Pages.
GitHub Auto Reply
A smart automation skill that provides instant, professional responses to GitHub Issues based on labels and content.
AI CEO Automation
A comprehensive automation framework that empowers an AI agent to manage end-to-end business operations, from lead generation to service delivery.
Upstream Recon
Analyze open-source repository culture and maintainer sentiment before submitting PRs or issues.
Zoho API Skill
A comprehensive integration skill for authenticating and interacting with the entire Zoho SaaS ecosystem, including CRM, Books, and Desk.
LinkedIn Automation
A powerful automation skill for LinkedIn to search profiles, manage connections, and schedule posts directly through Clawdbot.
METADATA
Featured*
