visual-testing-web
OfficialEnsure web UI consistency across devices.
Software Engineering#accessibility#responsive design#regression testing#playwright#visual testing#web ui
Authortelum-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of maintaining visual consistency and responsiveness across different browsers, devices, and states for web applications, preventing visual regressions and ensuring a polished user experience.
Core Features & Use Cases
- Automated Visual Regression Testing: Captures screenshots at various breakpoints and states to detect unintended UI changes.
- Cross-Browser/Device Validation: Utilizes Playwright and browser emulation to test across different viewports.
- Accessibility & Performance Audits: Integrates checks for WCAG compliance and performance metrics.
- Use Case: After deploying a new feature, run this Skill to automatically verify that the UI looks correct on mobile, tablet, and desktop, and that no new accessibility issues have been introduced.
Quick Start
Run visual validation for the current web application using the default mobile and desktop breakpoints.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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-testing-web Download link: https://github.com/telum-ai/speck/archive/main.zip#visual-testing-web 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 471,000+ vetted skills library on demand.