📖

Storybook Component Drift Detection

Keep your Storybook in sync with your codebase. Find undocumented components, inconsistent stories, and design drift.

Get started free

Storybook Integration Features

Story Scanning

Scan your Storybook stories for hardcoded values and design drift.

Component Coverage

Track which components have stories and which are undocumented.

Args Analysis

Validate story args against component prop types for consistency.

Addon Integration

Optional Storybook addon for inline drift reports in your stories.

CSF3 Support

Full support for Component Story Format 3 and TypeScript stories.

MDX Stories

Scan MDX documentation files for design drift examples.

See it in action

buoy-cli
$
Scanning Storybook...
Found 156 stories
Found 42 documented components
WARNING 15 components without stories
WARNING 8 stories with hardcoded args
INFO 3 arg/prop type mismatches

Configuration Example

buoy.config.mjs
// buoy.config.mjs
export default {
  storybook: {
    // Storybook config directory
    configDir: '.storybook',

    // Story file patterns
    stories: ['src/**/*.stories.@(ts|tsx|mdx)'],

    // Require stories for all components
    requireStories: true,
  },

  include: ['src/components/**/*.tsx'],
  tokens: './src/tokens',
}

Other Integrations

Ready to catch design drift?

Free. Open source. No signup required.