browser-validate-ui

Original：🇺🇸 English
Translated

Run 7 UI integrity checks on any URL. Catches blank renders, contrast failures, undersized tap targets, horizontal overflow, broken images, text overflow, and element overlap. Returns structured findings your agent can read and fix. Use when asked to validate UI, browser check, check before shipping, UI integrity check, accessibility check.

2installs
Sourcellynt/llynt-skills
Added on

NPX Install

npx skill4agent add llynt/llynt-skills browser-validate-ui

Tags

Translated version includes tags in frontmatter
ui-integrity-checkaccessibility-testingbrowser-validationpr-pipeline-testingllynt-tool

SKILL.md Content

View Translation Comparison →
llynt detecting horizontal overflow

llynt

Browser Validate UI

  • UI integrity checks for your PR pipeline.
  • Measures what the browser shows users, not just what the code says.

Usage

bash
npx llynt check <url>
No install. No account. Returns structured findings with rule IDs, measurements, and thresholds your agent can read and fix.
 

Catch what code reviews miss

        — before your users do.

 

Go deeper

  • These 7 checks are single-element spot checks.
  • For 26 more free rules and access to PR gates and SARIF reports, sign up at llynt.dev

What it checks

CheckRule IDWhat it catches
Page rendered
dom.render.notEmpty
Blank pages, failed hydration, empty body
Contrast
dom.a11y.contrast
Text failing WCAG AA (4.5:1 normal, 3:1 large)
Hit targets
dom.a11y.hitTarget
Interactive elements smaller than 44x44px
Horizontal overflow
dom.viewport.horizontalOverflow
Page scrolls sideways (common mobile regression)
Broken images
dom.asset.broken
Images that failed to load
Text overflow
dom.text.overflow
Text clipped by overflow:hidden containers
Element overlap
dom.overlap
Interactive elements occluding each other