buoy show

Read-only views of your design system. Shows what's configured, what's drifting, and what still needs setup. If something isn't configured, show tells you which dock command to run.

Usage

terminal
$ buoy show <command> [options]

Commands

components List detected components and their token usage
tokens Show resolved design tokens
drift Show current drift signals with severity and type filters
health Show design system health score and audit
history Show scan history and compare scans
config Show current .buoy.yaml configuration
skills Show AI agent skill files
agents Show configured AI agents and commands
context Show design system context in CLAUDE.md
hooks Show configured hooks for drift checking
commands Show installed slash commands
graph Show knowledge graph statistics
plugins Show available scanners and plugins
all Show everything including setup status

Global Options

--json Output as JSON for scripting
--no-cache Bypass cache and re-scan the codebase

buoy show components

List components found in your codebase with optional search. Supports fuzzy name search, prop search, and pattern matching.

[query] Search by component name (fuzzy match)
--prop <name> Search by prop name
--pattern <pattern> Search by pattern (name, props, variants)
-n, --limit <number> Maximum results (default: 10)
terminal
$ buoy show components
Components (42 detected)
────────────────────────
Component Tokens Drift File
Button 8 0 src/components/Button.tsx
Card 6 2 src/components/Card.tsx
Badge 4 1 src/components/Badge.tsx
Modal 5 0 src/components/Modal.tsx
...38 more
terminal
$ buoy show components Button
Found 1 component
Button exact
Path: src/components/Button.tsx
Props: variant*, size*, children*, onClick: () => void
Variants: primary, secondary, ghost, danger

buoy show tokens

Show resolved design tokens from your codebase.

terminal
$ buoy show tokens
Design Tokens (67 resolved)
────────────────────────────
Token Value Usages
--color-primary #3b82f6 14
--color-secondary #64748b 9
--spacing-md 16px 23
--spacing-lg 24px 11
--font-size-base 1rem 18
...62 more

buoy show drift

Show current drift signals. Supports severity filters, type filters, and multiple output formats (tree, table, markdown, HTML, agent).

--raw Raw signals without grouping
-f, --format <type> Output format: json, markdown, html, table, tree, agent
-S, --severity <level> Filter by minimum severity (info, warning, critical)
-t, --type <type> Filter by drift type
-v, --verbose Verbose output with full details
--include-ignored Include ignored drifts
terminal
$ buoy show drift
Drift Signals (23 total)
────────────────────────
Severity Type File Line
critical hardcoded-color src/Card.tsx 12
critical hardcoded-color src/Badge.tsx 8
warning hardcoded-spacing src/Modal.tsx 34
warning naming src/Header.tsx 5
info hardcoded-color src/Footer.tsx 22
...18 more

buoy show health

Generate a health report for your design system. Shows unique values found, compares against expected counts, identifies worst offender files, and calculates a 0-100 score.

--tokens <path> Path to design tokens file for typo detection
terminal
$ buoy show health
Design System Health Report
───────────────────────────
Overall Score: 34/100 (Poor)
Colors
Found: 47 unique values
Expected: ~12
Drift: +35 extra colors
Spacing
Found: 31 unique values
Expected: ~8
Drift: +23 extra values
Possible Typos
⚠ #3b83f6 → close to #3b82f6
⚠ #ef4445 → close to #ef4444
Worst Offenders
47 issues src/pages/Dashboard.tsx
38 issues src/components/Card.tsx
29 issues src/components/Table.tsx

Score Ranges

80-100 Good — Design system is well adopted
50-79 Fair — Some drift, worth addressing
30-49 Needs Work — Significant drift detected
0-29 Poor — Major drift, prioritize fixes

buoy show history

View scan history and track design system health over time. Compare scans to see progress and regressions.

[scan-id] Show details of a specific scan
-n, --limit <number> Number of scans to show (default: 10)
-v, --verbose Show detailed information

Subcommands

compare <scan1> <scan2> Compare two scans
terminal
$ buoy show history
Recent Scans
────────────────────────────────────────
ID Date Drift Coverage
abc123 2024-01-15 23 72%
def456 2024-01-14 25 71%
ghi789 2024-01-13 28 69%
terminal
$ buoy show history compare abc123 def456
Comparing abc123 → def456
Coverage: 71% → 72% (+1%)
Drift: 25 → 23 (-2)
Fixed:
- Card.tsx:8 hardcoded-color
- Badge.tsx:3 hardcoded-spacing

buoy show config

Show the current .buoy.yaml configuration — project name, enabled sources, patterns, and output settings.

terminal
$ buoy show config
Configuration
Path: .buoy.yaml
Project: my-app
Sources
code: enabled
tokens: enabled
figma: disabled
storybook: disabled

If no config exists:

terminal
$ buoy show config
No config found. Run buoy dock config to create .buoy.yaml.

buoy show skills

Show AI agent skill files installed in .claude/skills/design-system/.

terminal
$ buoy show skills
Design System Skills
Path: .claude/skills/design-system
Files: 4
• .claude/skills/design-system/SKILL.md
• .claude/skills/design-system/tokens/colors.md
• .claude/skills/design-system/tokens/spacing.md
• .claude/skills/design-system/tokens/typography.md

If no skills exist:

terminal
$ buoy show skills
No skills found. Run buoy dock skills to create AI agent skills.

buoy show agents

Show configured AI agents and slash commands in .claude/agents/ and .claude/commands/.

terminal
$ buoy show agents
Agents
• design-reviewer .claude/agents/design-reviewer.md
• drift-fixer .claude/agents/drift-fixer.md
Commands
• /buoy-check .claude/commands/buoy-check.md

If no agents exist:

terminal
$ buoy show agents
No agents configured. Run buoy dock agents to set up AI agents.

buoy show context

Show the design system section from CLAUDE.md. Displays line count, word count, and a preview.

terminal
$ buoy show context
Design System Context
Path: CLAUDE.md
Lines: 42
Words: 318
## Design System Rules
This project uses the Acme Design System...
... 39 more lines

If no context exists:

terminal
$ buoy show context
No design system context in CLAUDE.md. Run buoy dock context to generate it.

buoy show hooks

Show configured hooks — both git pre-commit hooks and Claude Code hooks.

terminal
$ buoy show hooks
Hooks
✓ Git pre-commit hook (husky)
Path: .husky/pre-commit
✓ Claude Code hooks
Events: SessionStart, PostToolUse

If no hooks exist:

terminal
$ buoy show hooks
No hooks configured. Run buoy dock hooks to set up drift checking.

buoy show commands

Show installed Buoy slash commands in ~/.claude/commands/.

terminal
$ buoy show commands
Slash Commands
✓ /contribution-loop
✓ /buoy-check

If no commands exist:

terminal
$ buoy show commands
No slash commands installed. Run buoy dock commands install to set them up.

buoy show graph

Show knowledge graph statistics — node and edge counts by type.

terminal
$ buoy show graph
Knowledge Graph
Path: .buoy/graph.json
Nodes: 156
Edges: 312
Nodes by Type
component: 42
token: 67
pattern: 47

If no graph exists:

terminal
$ buoy show graph
No knowledge graph built. Run buoy dock graph to build it.

buoy show plugins

Show built-in scanners, detected frameworks, and optional plugins. This always shows data — plugins are built-in and don't require setup.

terminal
$ buoy show plugins
Built-in Scanners
✓ Color — Detect hardcoded color values
✓ Spacing — Detect hardcoded spacing values
✓ Typography — Detect hardcoded font sizes
Detected Frameworks
• React (high)
• Tailwind CSS (high)
Optional Plugins
○ @buoy/storybook
Validate stories against tokens

buoy show all

Show everything — components, tokens, drift, health, and setup status. Outputs JSON with a setup section showing which tools are configured.

terminal
$ buoy show all
<div class="">{</div><div class="">  "components": [...],</div><div class="">  "tokens": [...],</div><div class="">  "drift": { "groups": [...], "summary": { ... } },</div><div class="">  "health": { "score": 72, "categories": { ... } },</div><div class="">  "setup": {</div><div class="">    "config": true,</div><div class="">    "skills": true,</div><div class="">    "agents": true,</div><div class="">    "context": true,</div><div class="">    "hooks": { "git": true, "claude": true },</div><div class="">    "commands": true,</div><div class="">    "graph": false</div><div class="">  }</div><div class="">}</div>

Related

  • buoy drift — Scan, check, fix, and manage ignore rules
  • buoy dock — Setup tokens, graph, and project config
  • buoy dock — Set up everything that show displays