visual-audit
Installation
SKILL.md
Visual Audit of Slide Deck
Perform a thorough visual layout audit of a slide deck.
Steps
-
Read the slide file specified in
$ARGUMENTS -
For Quarto (.qmd) files:
- Render with
quarto render Quarto/$ARGUMENTS - Measure the render:
"${SLIDE_QA_PYTHON:-python3}" scripts/slide-qa.py Quarto/<deck>.html. It loads the deck in headless Chrome with every fragment shown and writesquality_reports/audits/slide-qa/<deck>/report.md— per-slide pixels past each edge, the offending element, content hidden inside scrolling elements — plus one screenshot per slide, and broken images or local files whose path is missing or in the wrong letter case (these break on GitHub Pages). OVERFLOW findings come from this report, and a broken or wrong-case asset is a finding too; Read the screenshots of flagged and dense slides for the other checks. - If it exits 2 (usually Playwright is missing — the script prints the one-time venv install and the
SLIDE_QA_PYTHONline to set), say so, fall back to reading the rendered HTML of the dense slides and any screenshot the user supplies, and name the slides the user should eyeball
- Render with
-
For Beamer (.tex) files:
- Compile (see
/compile-latex), check the log for overfull hbox warnings, and Read the PDF pages that carry figures or dense content
- Compile (see
-
Audit every slide for: