What problem does it solve?
This skill provides a systematic protocol for verifying UI/UX changes on websites, ensuring that visual and interactive updates work correctly across different devices and browsers before they impact users. It eliminates manual, error-prone testing and reduces post-deployment issues.
Core Features & Use Cases
- Multi-Viewport Testing: Automatically verify responsive design across mobile, tablet, and desktop viewports, guaranteeing a consistent user experience.
- Structural & Visual Validation: Capture DOM snapshots and screenshots to confirm HTML structure and visual accuracy, catching discrepancies early.
- Asset & Interaction Checks: Verify all assets load correctly and interactive elements function as expected, preventing broken features.
- Use Case: After deploying a new navigation menu, use this skill to automatically check its appearance and functionality on mobile, tablet, and desktop, ensuring no broken links or layout shifts.
Quick Start
Use the ui-ux-verifier skill to verify the new homepage layout on 'https://triunghi.md/ro/' across mobile, tablet, and desktop viewports.