Agent skill
visual-verify-ui
Wraps the browser tool into a dedicated visual QA testing skill for frontend work.
Install this agent skill to your Project
npx add-skill https://github.com/winstonkoh87/Athena-Public/tree/main/examples/skills/coding/visual-verify-ui
SKILL.md
Visual QA & UI Verification
Automates visual regression testing and responsive design checks by formally deploying browser tools to capture DOM states and screenshots.
Triggers
"check the UI", "does this look right", "take a screenshot"
Core Mechanics
- Boots local server if not running.
- Uses Browser tool to navigate to target URL.
- Captures full-page screenshots across Mobile, Tablet, and Desktop viewports.
- Returns visual evidence to the main protocol loop.
Reference Paths
.context/memories/protocols/engineering/99-visual-verification.md
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
context-compactor
9-section context compression with analysis scratchpad. Adapted from Claude Code's /compact system (2026-03-31).
academic-delivery
8-step pipeline for academic deliverables — essays, reports, analysis, capstones. Encodes the full intake-to-delivery workflow with automatic red-team triggering.
trade-journal-analyzer
Unified post-trade analytics: journal pattern extraction + drawdown classification. Absorbs: drawdown-classifier.
circuit-breaker
Mandatory systemic pause when cumulative red flags exceed threshold. Forces disengagement across Trading, Spending, Relationships, Work, and Energy domains.
Red-Team Review
Bias-aware adversarial review for any artifact before shipping. 5-phase QA protocol with severity-weighted findings.
power-inversion
Unified negotiation engine: BATNA mapping, Dignity Premium pricing, and commitment device protection. Absorbs: commitment-device.
Didn't find tool you were looking for?