LibrePortal/CLAUDE.md
librelad edb9bddab1 docs: add CLAUDE.md — verify WebUI changes visually with lp-shot
Directive for agents working on the repo: after a user-visible WebUI change,
screenshot the route with the lp-shot helper and review the PNG before marking
done, rather than relying on syntax checks alone. Box-specific setup (port
discovery, auth, install) is kept out of the repo.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
2026-05-29 01:37:36 +01:00

878 B

LibrePortal — agent notes

Verify WebUI changes visually before marking them done

After changing anything user-visible in the WebUI (containers/libreportal/frontend/), confirm it actually renders correctly — syntax checks and type-correctness don't catch layout or visual regressions.

The maintainer's dev environment provides a headless screenshot helper, lp-shot, that captures a WebUI route (or a single element, via a trailing CSS selector) to a PNG for review:

lp-shot /admin/system                       # full route -> /tmp/webui-shot.png
lp-shot /admin/system /tmp/x.png 12 ".sys-strip"   # just one element, crisp

Use it (and read the PNG) to self-check UI work instead of assuming it looks right or asking the user to look. Skip it for purely backend/non-visual edits. If lp-shot isn't present, fall back to asking the user for a screenshot.