You spent months defining tokens, components, and patterns.
It's time they actually get used.
Your design system documentation is beautiful. But documentation doesn't stop bad code from shipping.
Buoy scans every PR and flags violations before they merge. You set the threshold.
drift:
enforce:
- type: close-match
reason: "Typos must be fixed"
- file: "src/checkout/**"
type: hardcoded-color
reason: "Checkout uses tokens only"Enforcement rules are configurable in .buoy.yaml
Buoy enforces your entire design system specification automatically.
Every hex code, RGB value, and color name checked against your palette.
No more random pixel values. Every margin and padding validated.
New custom components flagged when existing ones should be used.
Font sizes, weights, and families locked to your type scale.
Consistent naming conventions across all files and components.
Deprecated patterns caught, accessibility issues flagged.
No more hoping. No more auditing. No more fixing drift after the fact.
Just clean, consistent code that follows your design system.
Free. Open source. No signup required.
Your rules deserve to be followed.
npx ahoybuoy show health The Code Control layer that design has been missing.