Quality GatePASSED
All rules satisfied at the configured severity. Safe to ship.
A
96 / 100
Design Health Score
Scanned 57 files · 21 violations across 5 rules · ~1h 36m to fix.
Recommended next actions 2 steps from this scan
Needs design decision
1 token candidate
Review intent before naming tokens
npx deslint suggest-tokens .
Highest design debt
1h 20m
1h 20m consistent-component-spacing6m safe-external-links5m prefer-semantic-html
Open debt table →
Categories 21 violations across 5 dimensions
Click a category to jump to the matching violations below.
Top rules to fix 5 rules triggered
No auto-fixable rules triggered — every rule here requires a manual change.
| Rule | Category | Violations | Files | Fix | |
|---|---|---|---|---|---|
| consistent-component-spacing | Consistency | 16 | 7 | Manual | View rule → |
| safe-external-links | Consistency | 2 | 2 | Manual | View rule → |
| consistent-border-radius | Consistency | 1 | 1 | Manual | View rule → |
| prefer-semantic-html | Responsive | 1 | 1 | Manual | View rule → |
| no-arbitrary-colors | Colors | 1 | 1 | Manual | View rule → |
File hotspots Top 10 files by violation count
Files with the most issues. Start remediation here for the largest reduction.
7
src/components/Navbar.tsx
4
src/app/docs/layout.tsx
3
src/components/Hero.tsx
1
src/app/launch-check/page.tsx
1
src/app/mcp/cursor/page.tsx
1
src/app/mcp/page.tsx
1
src/app/pricing/page.tsx
1
src/components/Cta.tsx
1
src/components/LaunchCheckCallout.tsx
1
src/components/McpLoopSection.tsx
Design debt 1h 36m estimated remediation effort
Effort estimates calibrated from real auto-fix data. Auto-fixable rules take 2–3 minutes each; design and accessibility decisions take longer.
| Rule | Violations | Per violation | Total effort |
|---|---|---|---|
| consistent-component-spacing | 16 | 5m | 1h 20m |
| safe-external-links | 2 | 3m | 6m |
| prefer-semantic-html | 1 | 5m | 5m |
| consistent-border-radius | 1 | 3m | 3m |
| no-arbitrary-colors | 1 | 2m | 2m |
Score trend Last 4 scans
Visual previews 15 unique patterns
Grouped by shape. Each card compares the current (red) and suggested (green) rendering — what you'd see in the browser.
Arbitrary colors 1 unique, 1 total
text-[#ce9178]
×1 in 1 file
Consistency issues 14 unique, 17 total
Same component, different values. Standardize to the dominant pattern for visual consistency.
Link — padding-x ×2
px-3
this instance
→
px-3.5
2/5 instances
Link — padding-y ×2
py-2.5
this instance
→
py-2
3/5 instances
Link — gap-all ×2
gap-3
this instance
→
gap-2
2/4 instances
Link — gap-all ×1
gap-2
this instance
→
gap-3
1/2 instances
Link — padding-y ×1
py-1.5
this instance
→
py-2.5
1/2 instances
Link ×1
rounded-md
→
rounded-lg (1/2)
All violations 21
Grouped by file. 21 warnings to review.
Category:
Rule:
src/components/Navbar.tsx 7 issues
`Link` uses padding-x `px-4` but 2 of 5 instances use `px-3.5`. Consider standardizing.
line 97, col 13
`Link` uses padding-x `px-3` but 2 of 5 instances use `px-3.5`. Consider standardizing.
line 127, col 15
`Link` uses padding-y `py-2.5` but 3 of 5 instances use `py-2`. Consider standardizing.
line 127, col 15
`Link` uses gap-all `gap-3` but 2 of 4 instances use `gap-2`. Consider standardizing.
line 127, col 15
`Link` uses padding-x `px-3` but 2 of 5 instances use `px-3.5`. Consider standardizing.
line 138, col 15
`Link` uses padding-y `py-2.5` but 3 of 5 instances use `py-2`. Consider standardizing.
line 138, col 15
`Link` uses gap-all `gap-3` but 2 of 4 instances use `gap-2`. Consider standardizing.
line 138, col 15
src/app/docs/layout.tsx 4 issues
`Link` uses gap-all `gap-2` but 1 of 2 instances use `gap-3`. Consider standardizing.
line 74, col 11
`Link` uses padding-y `py-1.5` but 1 of 2 instances use `py-2.5`. Consider standardizing.
line 86, col 17
`Link` uses `rounded-md` but 1 of 2 instances use `rounded-lg`. Consider standardizing.
line 86, col 17
`<div>` with a click handler should be a `<button>`. Buttons provide keyboard access and screen reader support for free.
line 148, col 13
src/components/Hero.tsx 3 issues
`div` uses margin-b `mb-7` but 1 of 3 instances use `mb-8`. Consider standardizing.
line 79, col 13
`div` uses margin-b `mb-10` but 1 of 3 instances use `mb-8`. Consider standardizing.
line 88, col 13
`div` uses gap-all `gap-4` but 1 of 2 instances use `gap-2.5`. Consider standardizing.
line 88, col 13
src/app/launch-check/page.tsx 1 issue
`<a target="_blank" rel="noopener">` is missing `noopener` and/or `noreferrer`. Both should be present on external links.
line 144, col 15
src/app/mcp/cursor/page.tsx 1 issue
Arbitrary color `text-[#ce9178]` detected. Use a design token instead.
line 134, col 38
src/app/mcp/page.tsx 1 issue
`Link` uses padding-y `py-4` but 3 of 4 instances use `py-3`. Consider standardizing.
line 147, col 15
src/app/pricing/page.tsx 1 issue
`div` uses padding-all `p-6` but 1 of 2 instances use `p-7`. Consider standardizing.
line 402, col 13
src/components/Cta.tsx 1 issue
`div` uses gap-all `gap-6` but 1 of 2 instances use `gap-4`. Consider standardizing.
line 66, col 9
src/components/LaunchCheckCallout.tsx 1 issue
`<a target="_blank" rel="noopener">` is missing `noopener` and/or `noreferrer`. Both should be present on external links.
line 90, col 17
src/components/McpLoopSection.tsx 1 issue
`FadeIn` uses margin-b `mb-6` but 1 of 2 instances use `mb-12`. Consider standardizing.
line 82, col 9