Which one should you use?
design-lint is a judged, rule-shaped pass the agent runs on the work in front of it. Visual QA in the browser is you looking at the live page — spacing, type, and states your eyes catch. Use the skill for a repeatable lint; use the browser when you need to see the real pixels.
Side by side.
| Option | What it does | Where it runs | Best for |
|---|---|---|---|
| design-lint skill | Agent applies a strict design QA procedure | In the repo / current files | You want a consistent judged pass |
| Visual QA in the browser | You inspect the rendered page | Local or live URL | You need real pixels, motion, and breakpoints |
When the skill fits.
You already have markup and want the agent to apply the same lint every time — not a vibe check.
When the browser fits.
Hover states, real fonts, and overflow only show up rendered. Look at the page. The skill does not replace that.