What problem does it solve? Building polished single-file HTML pages with tasteful motion is error-prone: effects like text-scramble and per-letter weight-hover conflict, neon "slop" styling creeps in, and when the browser automation tool is blocked by Chrome's remote-debugging prompt there is no way to visually verify the result. ## Core Features & Use Cases - Token and motion system: Enforces a matte color palette, variable display fonts, defined spacing/radius scales, and a restrained library of 2-4 motion effects (scroll reveal, count-up, 3D tilt, marquee, weight-hover, text-scramble). - Documented pitfall fixes: Provides proven sequencing rules for combining text-scramble with per-letter variable-font weight-hover, including the recursive frame-counter completion check and reduced-motion guards. - Static verification fallback: Ships scripts/verify_html.py to extract inline JavaScript, run node --check, and execute grep assertions when live browser rendering is blocked. - Use Case: You need a self-contained dashboard HTML file that opens via file:// with scroll-reveal and count-up animations, but the browser tool is permission-blocked; the skill guides the build and verifies it statically without claiming a visual pass. ## Quick Start Build a single-file premium HTML dashboard with matte styling and two motion effects, then verify it statically using the included script since the browser is blocked.
