What problem does it solve? When building or aligning a web prototype against a reference site or a live production product, teams lack a structured way to verify that every page, modal, button state, and text matches the reference. This Skill walks the reference site page by page, derives machine-checkable specs, and produces prioritized P0/P1/P2 diff reports that feed back into the design and build workflow. ## Core Features & Use Cases - Two alignment modes: rebuild mode reconstructs approximate pages from an external reference site, while align mode aligns existing local pages to your own live production product. - Automated checks derivation: crawls the reference site with browser tooling (including login-state cookie capture) and derives a checks-spec covering text, buttons, disabled states, and state coverage per page and modal. - Structured diff reports: runs checks-diff to generate P0/P1/P2 reports and patch todo lists, keeping code changes inside the design-to-build chain rather than editing code directly. - Use Case: A PM wants to rebuild a competitor's onboarding flow as a prototype. The Skill crawls each page and modal of the target site, derives checks, gets PM approval on scope, then hands the confirmed checks to design and build for implementation and verification. ## Quick Start Ask the AI to mirror the reference site at a given URL and align the local web prototype pages against it, confirming the page scope before any build changes.
