What problem does it solve? Choosing the wrong verification method for a UI change leads to false confidence: a green spec says nothing about layout, and a green snapshot says nothing about why it diverged. This Skill provides ready-made patterns and a strict execution order for checking Angular kit components and application screens in the rt-tools repository. ## Core Features & Use Cases - Four complementary checks: maps each verification question (state, appearance, whole screen, computed values) to the right tool — Jest spec, story snapshot, end-to-end screen frame, or computed-style measurement. - Snapshot harness rules: codifies settled-frame waits, font and icon readiness, viewport widening for tall nodes, network cut-off, and evidence preservation for rare divergences. - Two-showcase workflow: documents the separate snapshot harnesses, commands, and reference directories for @rt-tools/ui-kit and @rt-tools/ui-kit-v2. - Use Case: After editing a component's padding, run the spec, re-take the story snapshot against the raised showcase, and confirm the change with a computed-value measurement instead of trusting a green test run. ## Quick Start Ask the assistant to write a spec and a snapshot story for a ui-kit component and explain which check confirms a layout edit.
