← All reports

calcom/cal.com

Scheduling infrastructure for absolutely everyone.

★ 49k · react, next, tailwind, radix · scanned 2026-10-26 at 0f19cc4

90
design health · mostly tokenized
How this is scored · CLI 0.8.12
Value discipline
52/60
Token health
20/20
Consistency
10/10
Critical issues
8/10

The path to 100: 10 points

  • +8 Replace the hardcoded values in 40 of the 42 findings with tokens or scale steps, and remove or reuse 1 unused component or repeated pattern · Value discipline
  • +2 Migrate 2 deprecated patterns · Critical issues
Left alone: 22 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. 19 optical nudges · 3 marked as known debt.

42
hardcoded-value findings
plus 7 in vendored shadcn/ui files, not scored
739
design tokens found
1,013
components

Most repeated literal colours

  • #ffffff 12×
  • #111111 10×
  • #000000 4×
  • oklch(55.1% 0.027 264.364) 3×
  • #bf000f4d 3×
  • #cacaca 3×
  • #d79f9f 3×
  • #eeeeee 3×

Most repeated literal spacing

  • 8px13×
  • 6px12×
  • 10px12×
  • 1.25em10×
  • 0.571429em9×
  • 1.14286em8×
  • 2em7×
  • 1em5×

Files with the most drift

Drift by type

  • Hardcoded values49
  • deprecated-pattern2
  • Repeated patterns1

Examples

apps/web/components/AddToHomescreen.tsx:6
AddToHomescreen
  • background: #2F333D (line 18)
packages/coss-ui/src/components/accordion.tsx:31
packages/coss-ui/src/components/accordion.tsx
  • focus-visible:ring-[3px] (line 31)
packages/coss-ui/src/components/badge.tsx:21
packages/coss-ui/src/components/badge.tsx
  • rounded-[.25rem] (line 21)
packages/coss-ui/src/components/checkbox.tsx:11
packages/coss-ui/src/components/checkbox.tsx
  • rounded-[.25rem] (line 11)
  • before:rounded-[3px] (line 11)
  • rounded-[.25rem] (line 18)
packages/coss-ui/src/components/combobox.tsx:358
packages/coss-ui/src/components/combobox.tsx
  • focus-within:ring-[3px] (line 358)
packages/coss-ui/src/components/input-group.tsx:37
packages/coss-ui/src/components/input-group.tsx
  • has-[>kbd:last-child]:me-[-0.35rem] (line 37)
  • has-[>kbd:last-child]:ms-[-0.35rem] (line 39)
packages/coss-ui/src/components/input-group.tsx:14
packages/coss-ui/src/components/input-group.tsx
  • has-[input:focus-visible,textarea:focus-visible]:ring-[3px] (line 14)
packages/coss-ui/src/components/input.tsx:40
packages/coss-ui/src/components/input.tsx
  • has-focus-visible:ring-[3px] (line 40)
packages/coss-ui/src/components/select.tsx:19
packages/coss-ui/src/components/select.tsx
  • focus-visible:ring-[3px] (line 19)
packages/coss-ui/src/components/slider.tsx:52
packages/coss-ui/src/components/slider.tsx
  • has-focus-visible:ring-[3px] (line 52)
packages/coss-ui/src/components/textarea.tsx:25
packages/coss-ui/src/components/textarea.tsx
  • has-focus-visible:ring-[3px] (line 25)
packages/ui/components/alert/Alert.tsx:9
packages/ui/components/alert/Alert.tsx
  • rounded-[10px] (line 9)

What Buoy would do about it

Maintainers: this scan used the MIT-licensed CLI at commit 0f19cc4. 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.