One-click install
npx skills add https://github.com/teimurjan/blazediff --skill blazediff
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: blazediff
Source: https://github.com/teimurjan/blazediff/tree/main/skill/blazediff
Command: npx skills add https://github.com/teimurjan/blazediff --skill blazediff

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about blazediff

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate visual regression testing for a Next.js or Vite application?

Visual regression testing catches unintended UI changes by automatically capturing baseline screenshots of web application routes and comparing them against subsequent builds to flag visual differences before production deployment.

How do I handle flaky visual regression tests caused by dynamic timestamps and third-party embeds?

Handling flaky visual regression tests involves using guided workflows to mass-mask shared non-deterministic UI elements like dynamic timestamps, carousels, and third-party iframes, which reduces false positive noise during automated screenshot comparison.

Can I run automated screenshot comparison tests for protected routes requiring authentication?

Automated screenshot comparison tests support protected routes by utilizing built-in auth harnesses, allowing you to capture baseline screenshots and execute visual regression checks on pages requiring user login without manual intervention.

How do I integrate visual regression testing into a CI pipeline for frontend applications?

Integrating visual regression testing into CI pipelines requires built-in dev server management, timeout handling for cold builds, and clean teardown logic, with support for running automated checks and applying verdicts to update test baselines.

What is the best way to resolve ambiguous visual diffs during frontend UI testing?

Resolving ambiguous visual diffs during frontend UI testing uses guided workflows for judging unclear screenshot differences, enabling developers to systematically review and apply verdicts to update test baselines instead of manual screenshot review.