blazediff

Community

Catch unintended UI changes automatically with BlazeDiff

Authorteimurjan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Manual visual regression testing is slow, inconsistent, and often misses subtle UI changes across different routes, devices, and content updates. This Skill automates the entire BlazeDiff workflow, from test setup to diff judging, so you can catch unintended UI breaks before they reach production without spending hours reviewing screenshots.

Core Features & Use Cases

  • Automated test authoring: Automatically discover routes in Next.js, Vite, Remix, and other frontend frameworks, capture baseline screenshots, and generate manifest entries in a single step, with support for auth harnesses for protected pages.
  • Ambiguous diff resolution: Guided workflows for judging unclear visual diffs, including mass-masking shared non-deterministic elements (like dynamic timestamps, carousels, and third-party iframes) to reduce flaky test noise.
  • CI-ready execution: Built-in dev server management, timeout handling for cold builds, and clean teardown logic, with support for running checks in CI environments and applying verdicts to update test baselines. Use case: For a documentation site with 30+ routes, use this Skill to set up visual regression tests in minutes, automatically ignore recurring footer timestamp changes, and catch accidental layout breaks when content is updated.

Quick Start

Use the blazediff skill to set up visual regression tests for your web application, capture baseline screenshots of all public routes, and run automated checks to flag unintended UI changes.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: blazediff
Download link: https://github.com/teimurjan/blazediff/archive/main.zip#blazediff

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 537,000+ vetted skills library on demand.