← ClaudeAtlas

zerg-uilisted

Capture Zerg UI screenshots and debug bundles. Use for UI debugging, QA, and visual verification.
cipher982/longhouse · ★ 6 · AI & Automation · score 75
Install: claude install-skill cipher982/longhouse
# Zerg UI Capture ## Quick Look (Public Pages) For landing page or public pages, use browser-hub MCP directly: ```python mcp__browser-hub__browser(action="navigate", url="https://longhouse.ai") mcp__browser-hub__browser(action="look") # Screenshot + A11y tree ``` ## Remote Scene Visual QA For the ASCII scene on the landing page, capture a review bundle before making a visual-quality claim: ```bash make qa-remote-scene # Standalone Vite or a denser sample: FRONTEND_URL=http://localhost:3000 EVERY=4 OUTPUT=artifacts/remote-scene-qa/my-run make qa-remote-scene ``` The bundle contains sampled desktop and mobile frames, chronological contact sheets, a manifest, and `review-prompt.md`. Give only that bundle to a separate vision-capable agent. Ask it to follow the prompt without reading source code or the implementation brief. The prompt is deliberately open-ended so the reviewer describes what the images actually communicate instead of confirming a prescribed rubric. ## Local Debug Bundle (Authenticated Views) Requires `make dev` running. Produces a full debug bundle: ```bash make ui-capture # Timeline + demo data make ui-capture PAGE=machines # Machines page make ui-capture PAGE=health # Runtime health page make ui-capture SCENE=empty # Empty state make ui-capture SCENE=onboarding-modal # With modal visible make ui-capture SCENE=timeline-card-stress VIEWPORT=mobile # Mobile card layout fixture make ui-ca