What problem does it solve?
This Skill solves the problem of inconsistent, unverified, and poorly performing web interfaces by enforcing a strict, multi-viewport audit process that catches regressions before they reach the user.
Core Features & Use Cases
- Multi-Viewport Audit: Automatically captures screenshots and collects console errors, contrast failures, and layout issues across five critical device sizes.
- Mechanical & Manual Checks: Combines automated Playwright-driven data collection with mandatory manual verification steps like keyboard navigation and canvas-deleted testing.
- Use Case: Use this before deploying any new web surface to ensure that your design direction is maintained, accessibility standards are met, and GPU-intensive effects do not leak memory or fail on specific viewports.
Quick Start
Run the gmira-verify skill against your local development server at http://localhost:3000/route to generate a full audit report and screenshot set.