AI writes code that works but ignores your design system. Buoy finds hardcoded colors, duplicate components, and token violations.
npx @buoy-design/cli status AI assistants generate functional code that ignores your design system entirely.
const Card = () => (
<div style={{
background: "#ffffff",
padding: "16px",
borderRadius: "8px",
boxShadow: "0 2px 4px rgba..."
}}>
{children}
</div>
)import { Card } from "@/components"
const MyCard = () => (
<Card variant="elevated">
{children}
</Card>
)
One command. Every issue with exact file, line, and suggested fix.
One more command. Watch your design system coverage jump.
18 issues fixed in under 5 seconds. Your team sees the improvement immediately.
Comprehensive drift detection for modern frontend codebases
Find colors, spacing, and fonts that bypass your design tokens.
Detect similar components that should be consolidated.
Catch inconsistent naming conventions across your codebase.
Find when the same prop has different types across components.
Track components marked @deprecated still in use.
Not just detection — action and visible results.
$ buoy drift check Zero config. Finds every issue with exact file and line
$ buoy fix --auto Auto-applies safe fixes in seconds
$ buoy status Shows coverage improvement
Core drift detection is 100% deterministic. No LLMs, no API keys, no data leaves your machine. Perfect for teams where AI tools are restricted.
Start with Core. Add AI when you're ready. Learn more →
Free. Open source. No signup required.
npx @buoy-design/cli status