# Responsive Breakpoint Check

> Checks desktop, tablet, and mobile UI for overflow, clipping, navigation, grid, canvas, and breakpoint regressions.

- Skill: `mesteriis/responsive-breakpoint-check` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add mesteriis/responsive-breakpoint-check`
- Raw SKILL.md: https://api.skillmd.com/api/skills/mesteriis/responsive-breakpoint-check/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: Mesteriis (https://skillmd.com/u/mesteriis)
- Updated: 2026-08-19
- Page: https://skillmd.com/skills/mesteriis/responsive-breakpoint-check

---


# Responsive Breakpoint Check

Verify that UI survives real viewport changes.

## Workflow

1. Read `ui-qa`.
2. Identify target routes and core states.
3. Check desktop, tablet, and mobile widths with browser or Playwright.
4. Inspect overflow, wrapping, clipped controls, sticky headers, sidebars,
   dialogs, grids, charts, media, and touch targets.
5. Record fixes or recommended changes.

## Output

- viewports checked
- routes/states checked
- failures with evidence
- minimal fixes
- remaining gaps