@radnine/storybook-addon-claude

Storybook addon that adds a Claude AI chat panel. Ask Claude to modify components, update styles, or explain code — directly from your Storybook UI.

Pairs with @radnine/claude-session-daemon which manages Claude CLI sessions.

Quick Start

npm install @radnine/storybook-addon-claude @radnine/claude-session-daemon

Register the addon in .storybook/main.js:

export default {
  addons: [
    '@radnine/storybook-addon-claude',
    // ... other addons
  ],
};

Start the daemon (see @radnine/claude-session-daemon for full setup including Docker):

# Docker (recommended — Claude edits files without permission prompts)
docker compose up -d

# Or host mode
npx @radnine/claude-session-daemon start

Open Storybook and click the Claude tab in the addon panel to start chatting.

Features

• Chat with Claude directly in the Storybook addon panel
• Claude sees the currently selected story as context
• Session persistence across page refreshes
• Auto-connects on localhost without auth token
• Tool use display (file edits, commands) with collapsible details

Requirements

• Storybook 9+
• React 18 or 19
• A running @radnine/claude-session-daemon instance

License

Proprietary. See LICENSE for terms.