Visual auditor
Captures responsive screenshots via Playwright when available, or extracts a layout JSON tree as fallback. Use when checking mobile/desktop layout, spacing, or comparing UI to a reference image.From its SKILL.md
npx -y skills add HeyEddi-com/skills --skill visual-auditorAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.1 KB, 235 tokens by cl100k_base, as published. Nobody here has run it
Visual Auditor
Designed to run as a delegated subagent — parent skills launch via Task (shell). See reference/subagents.md.
When to use
- Designer or QA needs proof of responsive layout (375/768/1440)
- Comparing implemented route against reference screenshots
- Playwright unavailable → use layout tree fallback
Instructions
- Start dev server or set
DEV_SERVER_URL(Vue defaulthttp://localhost:5173) orFLUTTER_WEB_URL(Flutter web defaulthttp://127.0.0.1:8085). - Run
python scripts/audit_ui.py --route /path --project-root <root>. - If Playwright missing, run
python scripts/layout_tree.pyfor dimension JSON. - Review artifacts under
.visual-audit/or returned paths.
Env
DEV_SERVER_URL— base URL for Vue/Vite SPAFLUTTER_WEB_URL— base URL for Flutter web (flutter run -d web-server)ARTIFACT_BUCKET— cloud: GCS upload target
What ships with it: 8 files
8.3 KB alongside SKILL.md, 3 of them executable
context/
- ANTI_PATTERNS.md204 B
- EXAMPLES.md262 B
- VOCABULARY.md313 B
reference/
- subagents.md595 B
scripts/
- audit_ui.pyruns2.1 KB
- layout_tree.pyruns2.0 KB
- _skill_cli.pyruns1.3 KB
- manifest.json1.5 KB