validating-ui - Validate frontend UI correctness after implementation
Validates frontend UI in a browser for visual correctness, runtime health, design fidelity, regressions, and pass/fail status.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Validate page loading
- Inspect console and network
- Test responsive viewports
- Verify interactive states
- Compare against Figma
- Check runtime health
- Verify regression behavior
- Verify tracking events
- Recover unreachable UI
- Report validation verdict
Inputs
- Frontend code changes
- UI validation ticket
- Running dev server
- Browser automation access
- Figma reference
- Authentication state
- Locale and market settings
- Feature flag assignment
- Test or product data
Outputs
- Validation verdict
- Browser observations
- Console and network findings
- Viewport evidence
- Design comparison findings
- Regression findings
- Tracking verification results
- Screenshots and snapshots
Requirements
- Passed lint, type, and test gates
- Running browser-accessible application
- playwright-cli availability
- Required credentials and environment access