Mosquito
A design-system QA agent that audits code against the team’s system, from tokens and spacing to focus states and accessibility.
Design-system drift often appears late: a near-match color, an off-scale spacing value, a missing focus ring. I built Mosquito to bring those checks closer to the code, while there is still time to fix them.
Mosquito accepts a source path or running localhost URL. For a URL, it inspects rendered HTML and styles, then finds the matching source. It checks tokens, colors, states, focus rings, accessibility patterns, typography, and spacing. Focused accessibility, spacing, and visual modes report findings with file and line references.
A small example of useful QA.
Run an illustrative check, inspect the findings, then apply the fixes to see the difference. The rules here belong to this portfolio.
Make the feedback actionable.
The original tool checks the Absorb design system and includes documentation generation and per-component QA specifications. This public demo uses this portfolio’s tokens and radii instead. The snippet and findings are illustrative, not a live repository audit or a claim about the original design system.