Skills
.Work. You
Rest

design-parity-judge

Official

Quantify UI parity with measured gates.

Design & Creative#storybook#visual-testing#frontend-quality#design-parity#signal-ds#ui-measurement
AuthorScripsteam
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Measures live UI renders against defined parity gates to prevent eyeballed judgments. A render passing is not a guarantee of design parity; this judge mechanically assesses the live DOM (getComputedStyle / getBoundingClientRect) against a Signal DS-calibrated craft checklist and reports a measurable parity verdict.

Core Features & Use Cases

  • Grounded in Signal DS tokens and contracts to align visual parity with the design source.
  • Measures live renders from Storybook stories, preview servers, or browser views, producing gate-by-gate scores.
  • Provides a formal parity verdict before claiming a UI is "done" or "at parity" and pairs with anti-fiction/operational checks like design-judge.

Quick Start

Run after rendering a Storybook story or preview to obtain gate scores and a parity verdict.

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: design-parity-judge
Download link: https://github.com/Scripsteam/scrips-stack/archive/main.zip#design-parity-judge

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