buoy scan

Scan your codebase to extract components and design tokens. This is the foundation for all other Buoy commands.

Usage

buoy scan [options]

Options

Option Description
--json Output as JSON for scripting
--include <glob> Include additional file patterns
--exclude <glob> Exclude file patterns

What It Scans

Buoy automatically detects and scans:

Framework What's Extracted
React Components, props, inline styles
Vue Components, scoped styles
Svelte Components, style blocks
Angular Components, stylesheets
Tailwind Config tokens, arbitrary values
CSS/SCSS Custom properties, values

Example Output

$ buoy scan

Scanning codebase...

Components found: 47
  React: 45
  Vue: 2

Design tokens extracted:
  Colors: 23 unique values
  Spacing: 14 unique values
  Typography: 8 unique values
  Border radius: 5 unique values

Files scanned: 156
Time: 1.2s

JSON Output

buoy scan --json
{
  "components": [
    {
      "name": "Button",
      "file": "src/components/Button.tsx",
      "framework": "react",
      "props": ["variant", "size", "disabled"]
    }
  ],
  "tokens": {
    "color": [
      { "value": "#3b82f6", "count": 23 },
      { "value": "#ef4444", "count": 15 }
    ],
    "spacing": [
      { "value": "16px", "count": 45 }
    ]
  }
}

Related Commands