Vizzly is a visual regression testing platform that captures screenshots during functional tests and compares them against baselines to detect UI bugs before they are committed.

How do I update a baseline if a UI change is intentional?

You can approve changes via the local TDD dashboard, use the 'vizzly approve' CLI command for cloud builds, or manually copy current screenshots to the baselines folder.

Can Vizzly be used in CI/CD pipelines?

Yes, Vizzly Cloud mode allows you to run tests in CI/CD, upload screenshots to the Vizzly cloud, and perform team reviews via a web dashboard.

Where are Vizzly screenshots and reports stored?

All data is stored in a local .vizzly directory, which includes subdirectories for baselines, current screenshots, visual diffs, and JSON report data.

How does Vizzly's TDD mode work?

TDD mode runs a local server that uses a fast Rust-based engine called honeydiff to compare screenshots instantly during development, providing an interactive local dashboard.

Vizzly Visual Testing

Name: Vizzly Visual Testing
Author: vizzly-testing

byvizzly-testing

•

安全与测试

Streamlines visual regression testing and UI bug detection using the Vizzly CLI and local TDD workflows.

关于

Vizzly is a visual regression testing platform that captures screenshots from real functional tests and compares them against established baselines. This skill provides Claude with deep contextual knowledge of Vizzly's architecture, including its local TDD server, file structure, and CLI commands for both local development and cloud-based CI/CD environments. By understanding the .vizzly directory and report-data.json, this skill enables automated analysis of visual diffs, baseline management, and efficient troubleshooting of UI regressions directly within the coding environment.

主要功能

7 GitHub stars
Comprehensive CLI support for baseline management and cloud build reviews
Automated interpretation of visual regression results from report-data.json
Contextual understanding of Vizzly's file structure and configuration
Local TDD workflow management via vizzly tdd commands
Seamless integration of visual screenshot captures into functional test suites

使用场景

Debugging UI failures by analyzing local visual diffs and status reports
Initializing and configuring visual regression testing for new web projects
Managing baseline updates and approving intentional design changes across environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add vizzly-testing/cli vizzly-knowledge

For use in Claude.ai and ChatGPT

Download Skill

GitHub

关于