A comprehensive quality assurance suite designed to validate web projects and builds before they go live to production.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install qa-check
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 qa-check 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 QA Check?
The QA Check skill acts as a rigorous quality gate for developers using Openclaw Skills to ensure that no project is deployed with preventable errors. It automates the verification of critical project components including build success, browser console health, and asset integrity. By synthesizing technical checks into a single workflow, it protects the user from shipping broken links or unoptimized images.
This skill is particularly valuable for maintainers who need to verify that their applications remain functional across different devices. It bridges the gap between development and production by enforcing a strict checklist that must be satisfied before any project is announced or shared. Integrating this into your Openclaw Skills library ensures a professional standard for every release.
QA Check Use Cases
- Running final validations before executing production deployment commands like vercel --prod.
- Checking for regressions and broken interactive elements after major code changes or refactors.
- Verifying that new Openclaw Skills are formatted correctly before being published to a public hub.
- Ensuring mobile responsiveness and tap-target accessibility before a project launch.
How QA Check Works
- The skill initiates a build validation to ensure the project compiles without dependency warnings or errors.
- It triggers a browser functional test using snapshot tools to monitor the JavaScript console for red errors.
- A mobile responsiveness check is performed by generating screenshots at specific viewports to identify layout shifts.
- It executes a recursive link validation script to verify that all external href attributes return a 200 OK status.
- The system performs an SEO audit to confirm the presence of titles, meta descriptions, and Open Graph tags.
- A final performance check assesses load times and bundle sizes to ensure the project meets speed benchmarks.
QA Check Setup
To integrate this quality assurance workflow into your project using Openclaw Skills, follow these setup steps:
# Ensure you are in the root of your project directory
cd <project-dir>
# Run the build command to check for initial errors
npm run build
# Execute the full QA check script
scripts/qa-check.sh <project-dir>
QA Check Data Schema & Taxonomy
The skill organizes its validation data into a structured format for easy review. The following table describes the primary data points tracked during a session:
| Category | Tooling | Success Metric |
|---|---|---|
| Build Integrity | npm/yarn | Exit code 0 with no warnings |
| Browser Health | Browser Snapshot | Zero console errors and 404s |
| Responsiveness | Mobile Screenshot | No horizontal scroll or clipping |
| Link Health | Curl/Grep | All external links return 200/301 |
| Meta/SEO | HTML Parser | Presence of title and description tags |
QA Check Advanced Features
- Automated browser snapshotting to capture visual states across desktop and mobile viewports.
- Integrated grep-based link crawler to find and test every external URL in the source code.
- Custom fail-criteria settings that prevent deployment scripts from running if specific checks are not met.
- Performance benchmarking that flags large asset bundles or slow initial page loads within Openclaw Skills.
SKILL.md
Loading
Related Openclaw Skills
GizmoLab Tools & UI
A comprehensive suite of blockchain developer utilities and React-based Web3 UI components for Ethereum and Solana.
AgentAPI
A curated, machine-readable directory of MCP-compatible APIs designed specifically for AI agents and developers.
AgentAPI: AI-Ready API Directory
AgentAPI is a curated, machine-readable directory of APIs specifically designed for AI agents, featuring native MCP compatibility and x402 crypto-billing.
Arena Research
An agentic research tool for exploring human-curated collections and conceptual connection graphs on Are.na.
Dub YouTube with Voice.ai
An automated workflow for generating studio-quality AI voiceovers, YouTube chapters, and SRT captions from text scripts using Voice.ai.
Voice.ai Voice Agents
A comprehensive tool for building, managing, and deploying professional conversational voice agents via the Voice.ai Agent API.
Featured*
