toolkit

Is this page any good?

Layout / front-end QA

Front-end / layout QA for a live page — measures the rendered DOM across device presets and flags objective layout defects: horizontal overflow, tap targets too small, text below the legible floor, skipped heading levels, DOM bloat, interactive elements whose contrast passes at rest but fails on hover or focus, a mobile nav toggle that reveals nothing, and viewport meta defects (missing or blocking zoom).

What this capability does

Front-end / layout QA for a live page — measures the rendered DOM across device presets and flags objective layout defects: horizontal overflow, tap targets too small, text below the legible floor, skipped heading levels, DOM bloat, interactive elements whose contrast passes at rest but fails on hover or focus, a mobile nav toggle that reveals nothing, and viewport meta defects (missing or blocking zoom).

How employees use it

Ask for the outcome in normal job language. The coding agent selects the approved implementation, records evidence, and returns a review-ready result.

“check the layout — https://sherberandrad.com”

Where the technical instructions live

The detailed implementation guide stays inside the private Toolkit repository. Employee-facing pages intentionally use friendly capability names only.

Watch real OpenCode results in Toolkit in Action →