Design systems drift over time. Buoy watches every PR for hardcoded colors, token violations, and rogue components. ⛵
npx ahoybuoy dock Paste in your terminal or AI
Hardcoded values creep in. Drift compounds.
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>
)
Get the checklist. 20 warning signs to spot in your next code review.
No spam. Unsubscribe anytime.
One command. Every issue with exact file, line, and suggestion.
Install the Buoy GitHub App. Drift never reaches main.
Hardcoded color #3b82f6
Use var(--color-primary) instead
Hardcoded spacing 24px
Use var(--spacing-lg) instead
Hardcoded border radius 8px
Use var(--radius-md) instead
Categorized by severity to help you prioritize fixes
Components marked as deprecated still in use
Inline CSS that should use tokens or classes
Components in code but not in design
Find drift, catch it at CI, and track your progress.
$ buoy drift check Zero config. Every issue with exact file and line.
$ buoy drift check Catch drift at PR. Nothing bad reaches main.
$ buoy show health Track design system health over time.
Your journey from first scan to team-wide enforcement
Run buoy drift check in any project. See every hardcoded value, naming issue, and token violation.
Install the Buoy GitHub App. Every PR gets checked. Drift blocked before merge.
Health scores, trend charts, team leaderboards. Prove ROI to stakeholders.
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 →