visual-qaPerform pixel-level visual regression testing on web apps by capturing, comparing screenshots, and gating deployments based on configurable similarity thresh...
Install via ClawdBot CLI:
clawdbot install kbo4sho/visual-qaGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Contains telemetry, tracking, or analytics calls not mentioned in documentation
pixel (Calls external URL not in known-safe list
http://localhost:3000AI Analysis
The skill's external calls (localhost:3000) are for local development testing, consistent with its stated purpose of visual regression testing. There is no evidence of credential harvesting, data exfiltration, or obfuscated malicious behavior. The 'pixel' reference appears to be a truncated description of pixel-level image diffing, not telemetry injection.
Audited Apr 17, 2026 · audit v1.0
Generated May 23, 2026
An online retailer uses Visual QA to gate deployments of UI changes to their product pages. Before any merge, the pipeline captures screenshots of key pages (home, product, cart) and compares them against approved baselines, blocking deployment if unintended visual differences are detected. This ensures customers always see a consistent and error-free shopping experience.
A SaaS company integrates Visual QA into their CI pipeline to catch visual regressions in their analytics dashboard after each commit. The tool captures screenshots at multiple viewports and provides diff images for quick developer review, preventing broken layouts or misaligned charts from reaching production. This maintains trust with users relying on accurate data visualization.
A design team maintains a component library with Visual QA to ensure updates do not break consumer applications. They capture baselines of all components in multiple states (hover, active, error) and run the gate script after any change. If a button color shift or padding change is unintended, the pipeline fails, prompting immediate review.
A digital agency uses Visual QA to verify that responsive layouts render correctly across Chrome, Firefox, and Safari. They capture screenshots at desktop, tablet, and mobile viewports for each browser and compare against baselines. This catches browser-specific rendering bugs before client demos.
A healthcare startup employs Visual QA to ensure their patient portal UI changes do not inadvertently affect accessibility. After each iteration, they compare screenshots of the portal against baselines, focusing on contrast, focus indicators, and tab order. This helps maintain WCAG compliance without manual re-inspection.
Offer a free tier for small projects with basic features (single URL, threshold only) and premium plans for teams requiring config files, multi-viewport, and advanced reporting.
Provide a hosted Visual QA service with dedicated support, custom integrations, and unlimited screenshot storage. Agencies pay per project or monthly retainer to outsource visual regression testing.
Keep the core scripts open source with a permissive license to drive adoption, then sell enterprise support contracts including priority bug fixes, custom integrations, and on-premises deployment assistance.
💬 Integration Tip
For CI integration, use the all-in-one gate.py script which returns a simple exit code—add a step in your pipeline to fail the build if exit code is 1.
Scored May 23, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.