Design Lint
design_lintLint HTML/CSS/JSX/Tailwind for design and accessibility anti-patterns like hardcoded colors, missing alt text, and removed focus outlines. Get line-level findings with severity and fixes to correct issues early.
Instructions
Lint a snippet of HTML / CSS / JSX / Tailwind for design & accessibility anti-patterns: hardcoded colors instead of tokens, px font-sizes, removed focus outlines, images without alt, clickable divs, icon-only buttons without labels, positive tabindex, ad-hoc radii, !important overuse. Returns findings with line numbers, severity, and fixes. It reads source and does not measure anything: nothing is rendered, no contrast ratio is computed and no tap target is sized, so no finding is or can be a visual or an accessibility verdict. Returns markdown plus structured output: findings (rule, severity, message, fix, doc, line), a severity summary, and a machine-readable notVisible list of what it could not check. Fast static design-time check — not a replacement for a full audit. Complements design_review_checklist.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| code | Yes | The HTML/CSS/JSX/Tailwind snippet to lint |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| summary | Yes | Counts by severity. Always agrees with `findings` — it is derived from the same list. | |
| findings | Yes | Every finding, in the order the markdown report lists them. | |
| notVisible | Yes | What this audit structurally could not check, one limitation per entry. Read it as a peer of `findings`: silence on a subject named here is this tool's reach, not a clean result. Nothing any of these tools reports is measured. |