The design system your coding agents check before they ship: tokens plus exact UI fixes.
MCPpedia last refreshed this data
io.github.ahoybuoy/buoy is an MCP server that the design system your coding agents check before they ship: tokens plus exact UI fixes. Its tool list has not been published yet over stdio, sse and http, requires no API key, and scores 91/100 on MCPpedia's security, maintenance and efficiency rubric.
Config is the same across clients - only the file and path differ.
{
"mcpServers": {
"io-github-ahoybuoy-buoy": {
"args": [
"-y",
"@buoy-design/cli"
],
"command": "npx"
}
}
}Are you the author?
Add this badge to your README to show your security score and help users find safe servers.
The design system your coding agents check before they ship: tokens plus exact UI fixes.
Run this in your terminal to verify the server starts. Then let us know if it worked - your result helps other developers.
npx -y '@buoy-design/cli' 2>&1 | head -1 && echo "✓ Server started successfully"
After testing, let us know if it worked:
Five weighted categories - click any category to see the underlying evidence.
No known CVEs.
Checked @buoy-design/cli against OSV.dev.
Click any tool to inspect its schema.
Be the first to review
Have you used this server?
Share your experience - it helps other developers decide.
Sign in to write a review.
Others in design
Design tokens from any live site: colours, type, spacing, components, drift against a baseline.
Draw and visually collaborate with your agents on tldraw's canvas.
MeiGen-AI-Design-MCP — Turn Claude Code / OpenClaw into your local Lovart. Local ComfyUI, 1,400+ prompt library, multi-direction parallel generation.
Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent
MCP Security Weekly
Get CVE alerts and security updates for io.github.ahoybuoy/buoy and similar servers.
Start a conversation
Ask a question, share a tip, or report an issue.
Sign in to join the discussion.
Catch design drift before it ships.
AI coding tools are fast—but they don't know your design system. They'll write #3b82f6 when you have --color-primary. They'll use padding: 17px when your spacing scale is multiples of 4.
Buoy watches for these issues and helps you fix them.
src/components/Button.tsx:24
hardcoded-value: #3b82f6 → var(--color-primary) (92% match)
Your shipped code is the design-system source of truth. Declare the packages you own, then use Buoy to map adoption, unmanaged UI surface area, and the blast radius of a component or token change. Figma and other design tools can remain optional inputs; they are not required for the system map.
# .buoy.yaml
project:
name: acme
system:
components:
- packages/ui/src/**
tokens:
- packages/tokens/src/**
owners:
- name: Checkout
paths:
- apps/checkout/**
buoy system map # Canonical system vs unmanaged surface area
buoy system impact Button # Consumers and migration risk for a change
buoy system impact color-primary --kind token
This is the foundation for cloud adoption trends, deprecation planning, and AI-assisted iteration reporting: every result is derived from code and can be attributed to a repository path and owner.
# See your design system immediately (zero config)
npx ahoybuoy show all
# Add project configuration and local integrations when ready
npx ahoybuoy dock
No config needed. Buoy auto-detects your framework and starts working immediately.
| Issue | Example |
|---|---|
| Hardcoded colors | #ff0000 instead of var(--color-primary) |
| Arbitrary spacing | padding: 17px instead of design scale |
| Tailwind escape hatches | p-[13px] instead of p-4 |
| Naming inconsistencies | ButtonNew, ButtonV2, ButtonOld |
| Unused components | Defined but never imported or rendered |
| Semantic mismatches | Same prop typed string in one, number in another |
| Repeated patterns | Same Tailwind classes copy-pasted 5+ times |
| Framework sprawl | React + Vue + jQuery in same codebase |
| Detached components | Instances without main component |
buoy
├── show # Read design system info (for AI agents)
│ ├── components # Components in codebase
│ ├── tokens # Design tokens found
│ ├── drift # Design system violations
│ ├── health # Health score
│ ├── history # Scan history
│ ├── config # Current .buoy.yaml configuration
│ ├── skills # AI agent skill files
│ ├── agents # Configured AI agents
│ ├── context # Design system context in CLAUDE.md
│ ├── hooks # Configured hooks
│ ├── commands # Installed slash commands
│ ├── graph # Knowledge graph stats
│ ├── plugins # Available scanners
│ └── all # Everything combined
├── drift # Drift detection and fixing
│ ├── scan # Scan codebase for components/tokens
│ ├── check # Pre-commit drift check
│ ├── fix # Suggest/apply fixes
│ └── ignore # Ignore existing drift
│ ├── all # Ignore all current drift (requires --reason)
│ ├── show # View ignored drift signals
│ ├── add # Add new drift to
... [View full README on GitHub](https://github.com/ahoybuoy/buoy#readme)