Receber por email
← Voltar para o catálogo

mobile-sweep

Runtime sweep that catches mobile-layout bugs: content clipped off the edge of a phone screen, touch targets smaller than 44×44px, text inside a button or input that overflows its visible width, and modals that extend past the viewport. Loads the running web app in headless Chromium at 360px / 390px / 768px and reports every offender with a screenshot crop and a concrete fix. TRIGGER whenever the

7estrelas
Atualizado há 4 meses

Ver no GitHub ↗

Como adicionar

/plugin marketplace add tinh2/skills-hub-registry

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/mobile-sweep/svg)](https://www.skillteca.com.br/skills/mobile-sweep)

Skills relacionadas

Ver todas de Desenvolvimento →

Alerta por categoria

Receba novas skills de Desenvolvimento toda segunda

1 email curto, só com as skills novas de Desenvolvimento. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

mobile-sweep

Open a running web app in headless Chromium at three phone/tablet breakpoints (360×640, 390×844, 768×1024), walk every interactive element + every visible dialog, and flag the four high-impact mobile-layout failure modes:

  1. Off-screen overflow — an element extends past document.documentElement.clientWidth.
  2. Tiny touch targets — interactive elements under 44×44 CSS px on touch viewports.
  3. Clipped text — scrollWidth > clientWidth on a button / input / link (vi

[Description truncada. Veja o README completo no GitHub.]

Compartilhar X LinkedIn