Files
coder/.claude
Ben Potter 29775edf95 docs(.claude/skills/svg-docs-diagrams): add programmatic overlap checker
The skill now leads with a programmatic overlap-and-overflow check
that runs in under a second and catches the failures that the
eyeball pass kept missing: text bleeding past a card, two cards
intersecting, an arrow label sitting on top of a card title or zone
subtitle, two texts colliding.

The checker loads the SVG in headless Chrome and uses real getBBox()
measurements via puppeteer-core, so the verdict matches what readers
see at render time. Exit code 0 means clean; non-zero lists each
finding with element coordinates and the rule it violated, which is
what you need to fix it without screenshotting.

Updated SKILL.md to put the programmatic check first in the test
loop, with the eyeball pass as the backup. Added the checker to the
pre-commit checklist and the Related files section.
2026-05-14 00:56:15 +00:00
..