website-screenshots
Installation
SKILL.md
Website screenshots
Use the website's source App demo and its curated developer projects. The
fixtures in qualitylayer/src/ui/demo/website-gallery.ts supply questions,
documents, artifacts and checks; production components supply the interface.
The screenshot command uses a temporary browser profile and in-memory data.
From docs/site/, run npm run screenshots. It starts and closes its own
loopback source server, renders the twelve scenes in both themes at twice the
pixel density, and writes lossless WebP assets to public/product/. The website
and README use these same files. npm run screenshots -- --only plan,team
refreshes selected scenes. Dependencies are the locked website and QualityLayer
development dependencies.