arn-spark-visual-strategy

Official

Orchestrate automated visual testing for UI.

AuthorAppsVortex
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps teams plan and validate UI visuals across web and native platforms by establishing a layered visual testing strategy that compares live captures to prototype baselines, enabling early regression detection and artifact generation.

Core Features & Use Cases

  • Establishes Layer 1 browser-based capture against a dev server to validate layouts, typography, and color consistency.
  • Supports optional Layer 2 native captures with journey-based or static interaction testing and cross-environment pipelines.
  • Generates production-ready scripts, baseline manifests, and cross-environment tooling to support end-to-end visual validation.

Quick Start

Run a visual strategy spike to validate captures against prototype baselines and generate production-ready scripts.

Dependency Matrix

Required Modules

@playwright/test

Components

references

💻 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: arn-spark-visual-strategy
Download link: https://github.com/AppsVortex/arness/archive/main.zip#arn-spark-visual-strategy

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