What problem does it solve? Pixel-perfect screenshots alone cannot prove a page behaves correctly: animations may never fire, panels may grow instead of scrolling, breakpoints may orphan a width, and interactive controls may be keyboard-inaccessible. This Skill recreates pages with dynamic behavior from target screenshots plus a motion brief, then proves the behavior with deterministic gates instead of unreliable visual diffs. ## Core Features & Use Cases - Dynamic gate suite: Runs check breakpoints, scan scroll, check animation, check motion, and check interactions to detect boundary spikes, dead scrollports, no-visible-effect animations, reduced-motion violations, and pointer-only controls. - Reference-free defect sweep: check integrity scans 1280/768/375 viewports for overflow, text collisions, clipped content, and broken resources without needing any target image. - Behavior carriers: Uses motion briefs, interaction briefs, copy manifests, and per-state screenshots as the contract for behavior that pixels cannot express. - Use Case: Recreate a landing page that must animate on load, scroll within a fixed sidebar, and reflow at 768px — converge static pixels first via the auto-markup pipeline, then run the four dynamic gates until every suspect is fixed or explained. ## Quick Start Ask the agent to recreate the page from the target screenshots and motion brief, then run vlmkit verify markup against the targets and iterate until the verdict reports DONE.