Agent skill

visual-verify-ui

Wraps the browser tool into a dedicated visual QA testing skill for frontend work.

Stars 456
Forks 63

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

  1. Boots local server if not running.
  2. Uses Browser tool to navigate to target URL.
  3. Captures full-page screenshots across Mobile, Tablet, and Desktop viewports.
  4. Returns visual evidence to the main protocol loop.

Reference Paths

  • .context/memories/protocols/engineering/99-visual-verification.md

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results