Skills
.Work. You
Rest

vrt-testing

Community

Deterministic VRT for Storybook UI.

Software Engineering#playwright#storybook#deterministic#ui-testing#visual-regression#vrt
Authorsugar-cat7
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Storybook + Playwright の VRT を実装し、スナップショット差分で UI の退行を検知するための実用的なフレームワーク。非決定要素を固定し、モック最小で運用する。

Core Features & Use Cases

  • Deterministic VRT: 非決定要素を固定してスナップショットの比較を安定化。
  • Storybook + Playwright Integration: Storybook のストーリーを Playwright で自動的に検証。
  • Use Case: 新しい UI コンポーネントの追加や既存の退行を検知して差分を報告する。

Quick Start

Set up Storybook stories and Playwright tests to capture and compare visuals with fixed time, viewport, and mocks.

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: vrt-testing
Download link: https://github.com/sugar-cat7/ai-avatar-interview/archive/main.zip#vrt-testing

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 223,000+ vetted skills library on demand.