Browser Quality
Use this skill when a frontend surface can be run or inspected in a browser and quality claims need evidence.
Workflow
- Start or identify the local or hosted UI only when the user or project context permits it.
- Inspect the target surface across relevant desktop and mobile viewports.
- Check for blank renders, broken assets, overlapping text, layout jumps, focus issues, console errors, network failures, and interaction breakage.
- Use accessibility snapshots or equivalent browser evidence for nontrivial flows.
- Escalate to Chrome DevTools performance tracing when LCP, INP, CLS, network, hydration, or main-thread risk matters.
- Record what was verified and what remains unverified.
Output
Return:
- browser surfaces and viewports checked
- findings ordered by severity
- evidence from screenshots, accessibility snapshots, console/network output, traces, or tests
- fixes made or recommended
- residual risk
Do not store screenshots, browser profiles, traces, or local runtime logs in Role source.