← All reports

novuhq/novu

The open-source communication infrastructure for agents and products

β˜… 40k Β· react, next, sveltekit, tailwind, radix Β· scanned 2026-10-26 at 943ca96

65
design health Β· largely tokenized
How this is scored Β· CLI 0.8.12
Value discipline
25/60
Token health
20/20
Consistency
10/10
Critical issues
10/10

The path to 100: 35 points

  • +35 Replace the hardcoded values in 520 of the 527 findings with tokens or scale steps, and remove or reuse 2 unused components and repeated patterns Β· Value discipline
Left alone: 26 values the code marks as deliberate Β· not counted in the score

Buoy skips a value when a comment explains it or marks it as known debt, when it is a 2–3px optical nudge, or when the commit that added it says it was deliberate. 23 optical nudges Β· 3 explained in a comment.

527
hardcoded-value findings
plus 27 in vendored shadcn/ui files, not scored
512
design tokens found
2,976
components

Most repeated literal colours

  • #e1e4ea 34Γ—
  • #dd2476 20Γ—
  • #525866 20Γ—
  • #99a0ae 19Γ—
  • #fbfbfb 18Γ—
  • #fafafa 14Γ—
  • #0e121b 14Γ—

Most repeated literal spacing

  • 1rem20Γ—
  • 5px17Γ—
  • 2rem15Γ—
  • 0.5rem15Γ—
  • 6px13Γ—
  • 18px11Γ—
  • 1.5rem11Γ—
  • 12px10Γ—

Files with the most drift

Drift by type

  • Hardcoded values554
  • Repeated patterns2

Examples

apps/dashboard/src/pages/usecase-select-page.tsx:126
InboxFeatureList
  • color: #335cff (line 133)
  • color: #47c2ff (line 136)
  • color: #7d52f4 (line 139)
apps/dashboard/src/components/auth/auth-side-banner.tsx:25
AuthSideBanner
  • color: #99a0ad (line 59)
apps/dashboard/src/components/auth/auth-side-banner.tsx:168
AgentsSideBanner
  • color: #99a0ad (line 182)
apps/dashboard/src/components/auth/inbox-playground.tsx:50
InboxPlayground
  • fontSize: 12px (line 193)
packages/novu/src/commands/connect/ui/preview-generated-content.tsx:31
PreviewGeneratedContent
  • color: #e9d5ff (line 193)
apps/dashboard/src/pages/usecase-select-page.tsx:197
UsecaseTag
  • backgroundColor: rgba(125,82,244,0.1) (line 202)
  • borderColor: rgba(125,82,244,0.05) (line 202)
  • backgroundColor: rgba(251,55,72,0.1) (line 213)

What Buoy would do about it

Maintainers: this scan used the MIT-licensed CLI at commit 943ca96. Run it yourself with npx @buoy-design/cli show health, or install the GitHub App to get the fix suggested on every PR. If anything here is wrong, open an issue and we will correct the page. If you would rather this report not be public, email support@buoy.design and we will take it down.

The score describes how much of the UI goes through design tokens, not the quality of the product or the team. Scores can shift between CLI versions as detection improves; this one was produced by CLI 0.8.12. How the score works.