Mobile diagnostic page · nateherkai/scroll-craft
device-diag
On-device diagnostic page for reported mobile playback or lifecycle defects that headless Chrome cannot reproduce.
Location
Repository path
plugins/nateherk-design/skills/scroll-craft/references/device-diag.htmlInvocation
Deploy `device-diag.html` beside the site for testing on the affected device.
Setup
Installation / activation
Use on the first diagnostic round when a mobile defect is reported.
Keywords
mobileiPhonevideodiagnosticsdevice
Repository context
nateherkai/scroll-craft
MIT-licensed Agent Skill and native Claude Code plugin for designing, implementing, and visually verifying distinctive scroll-driven marketing sites; it combines structured creative discovery, page-grammar and uniqueness gates, a reusable JavaScript/CSS engine, optional media generation, ffmpeg encoding, and Playwright-based desktop, mobile-emulation, and reduced-motion checks.
frontend developmentweb designinteraction designcreative codingaccessibilitymarketing websitesscrollytellingvisual quality assurance