What if my Vizzly report file is too large?

The skill includes a built-in Bash fallback that uses Node.js to parse large JSON files efficiently without hitting memory limits.

What does the Vizzly Visual Test Checker skill do?

It reads Vizzly's local report data to give you a text-based summary of your visual test results, showing what passed, what failed, and what's new.

Can I use this skill for Vizzly cloud builds?

Yes, the skill includes logic to suggest CLI commands like 'vizzly status ' for monitoring visual tests in CI/CD environments.

How do I start the visual testing server?

If the skill detects the server isn't running, it will instruct you to run 'vizzly tdd start' in your terminal.

How do I see the actual visual differences?

The skill provides a direct link to your local Vizzly dashboard (typically at localhost:47392) where you can view side-by-side diffs.

Vizzly Visual Test Checker

Name: Vizzly Visual Test Checker
Author: vizzly-testing

byvizzly-testing

•

安全与测试

Monitors and analyzes Vizzly visual regression test results to identify UI bugs and manage baselines.

关于

The Vizzly Visual Test Checker skill provides developers with instant visibility into their visual testing workflow directly within the Claude interface. By parsing local report data, it generates clear summaries of passed, failed, and new screenshots, highlighting specific diff percentages that exceed defined thresholds. This skill streamlines the TDD workflow by providing direct links to the Vizzly dashboard, diagnosing server status issues, and suggesting precise CLI commands for baseline management and cloud build tracking.

主要功能

Identifies specific UI components with diff percentages exceeding thresholds
Parses large JSON reports efficiently using integrated Bash scripting
7 GitHub stars
Detects and provides links to the local Vizzly TDD dashboard port
Provides troubleshooting steps for inactive TDD servers or malformed reports
Summarizes visual test results including pass, fail, and new status counts

使用场景

Reviewing new UI screenshots to establish baselines for new features
Verifying visual test status in a local TDD environment before pushing code
Checking for unintended visual regressions after a CSS or component refactor

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add vizzly-testing/cli check-visual-tests

For use in Claude.ai and ChatGPT

Download Skill

GitHub

关于