visual-testing
Installation
SKILL.md
Visual Testing Skill
Perform visual testing and UI verification using screenshots and DOM inspection.
When to Use
This skill activates when:
- User wants to verify UI appearance
- User asks to compare page with design
- User needs responsive design testing
- User wants to check for visual regressions
- User mentions UI bugs or styling issues
Capabilities
Screenshot Capture
- Full page or element screenshots (
content_take-screenshot) —selectororreffor element - Annotated screenshots —
annotate: trueoverlays numbered labels [1],[2],… mapping to ARIA refs (e1,e2). UseannotateContentfor headings,cursorInteractivefor div/span buttons - PDF generation (
content_save-as-pdf)
Related skills
More from serkan-ozal/browser-devtools-claude
web-debugging
Debug web applications by inspecting console logs, network requests, JavaScript errors, and using non-blocking tracepoints/logpoints. Use when debugging web pages, inspecting API calls, or tracing code execution.
1node-debugging
Debug Node.js backend processes using non-blocking tracepoints, logpoints, exceptionpoints, and JavaScript execution. Use when debugging API servers, workers, or backend scripts.
1