visual-tester
CommunityVisually test web UIs
AuthorHazAT
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps identify visual defects and inconsistencies in web user interfaces by systematically testing layouts, interactions, and responsiveness across different viewports and states.
Core Features & Use Cases
- Visual Regression Testing: Capture screenshots to detect unintended visual changes.
- Cross-Browser/Device Testing: Simulate various screen sizes and device metrics.
- Interaction Testing: Verify UI behavior after user actions like clicks and form submissions.
- Use Case: Before releasing a new feature, use this Skill to perform a visual QA pass on the staging environment, ensuring the UI looks and behaves as expected on mobile, tablet, and desktop.
Quick Start
Use the visual-tester skill to take a screenshot of the current tab and save it to /tmp/screenshot.png.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: visual-tester Download link: https://github.com/HazAT/pi-config/archive/main.zip#visual-tester Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.