The Key Difference
CodeRabbit knows: "This code has issues"
Buoy knows: "#3b82f6 should be var(--color-primary) in YOUR codebase"
Feature Comparison
Feature
CodeRabbit
Buoy
Focus
Code quality, bugs, security
Design system compliance
Knows
General best practices
Your specific tokens & patterns
Catches
Logic errors, security issues
#3b82f6 instead of --color-primary
Output
PR comments
PR comments + token suggestions
Learning
General code patterns
Your design system rules
Integration
Standalone
Exports rules to CodeRabbit
What Each Tool Catches
CodeRabbit catches:
- • Unused variables
- • Security vulnerabilities
- • Performance issues
- • Code style violations
Buoy catches:
- • Hardcoded colors (#ff0000 → var(--color-error))
- • Magic numbers (padding: 17px → var(--spacing-4))
- • Tailwind arbitrary values (p-[13px] → p-4)
- • Component naming drift
Better Together
CodeRabbit is great at code review. But it doesn't know that #3b82f6 should be var(--color-primary) in YOUR codebase.
Export your design system rules to CodeRabbit:
# Export rules in CodeRabbit format
buoy lighthouse --export-coderabbit
# This generates .coderabbit.yaml rules that teach
# CodeRabbit your design tokensHow It Works
1
Buoy scans
Your design system (tokens, components, patterns)
2
Buoy exports
Rules in CodeRabbit's format
3
CodeRabbit enforces
Your design system in every PR
Already using CodeRabbit?
Add Buoy in 2 minutes:
npx @buoy-design/cli begin
buoy lighthouse --export-coderabbitYour design system is now part of every code review.