# Gate Responsive

> Breakpoint quality gate — delegates to the pixel-qa subagent to drive a real browser over every route at 375×812, 768×1024, and 1440×900. Screenshots each combination, evaluates document.documentElement.scrollWidth against clientWidth for horizontal overflow, measures every interactive element against the 44px touch-target floor via getBoundingClientRect, and exercises the mobile menu end to end (open, screenshot, tap, navigate). Defects route to the owning skill, then the sweep re-runs until one full pass is clean. Invoke in Phase 11 of the ultraweb pipeline after gate-code is green, after any layout/navigation/grid change to an ultraweb site, or when the user says "check responsive", "test it on mobile", "does it work at 375", or "run the breakpoint sweep". Writes pass/fail with screenshot paths to design/QA.md.

## Facts
- Page: https://tashan.sh/capability/skill-blyatiful1-gate-responsive
- tashan id: skill:blyatiful1/gate-responsive
- Source: https://github.com/blyatiful1/ultraweb
- Type: skill
- Category: other
- tashan score: not scored (catalogued only — too little public evidence)
- Adoption: 9.0
- Upkeep: 99.0
- Freshness: 97.0
- Evidence coverage: 84% of the inputs this score can use
- Health: active
- Instruction depth: not yet graded
- License: MIT
- Official: no

## Install

```sh
cp -r gate-responsive ~/.claude/skills/
```

## Security audit
Not scanned. We audit npm-published capabilities; this one has no npm package we can resolve, or has not reached the queue. This is not a clean bill of health.

---
Measured 2026-08-23 by tashan (https://tashan.sh) from public evidence. Scorer s5.
