@radnine/storybook-addon-claude 0.2.6 → 0.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +52 -0
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
# @radnine/storybook-addon-claude
|
|
2
|
+
|
|
3
|
+
Storybook addon that adds a Claude AI chat panel. Ask Claude to modify components, update styles, or explain code — directly from your Storybook UI.
|
|
4
|
+
|
|
5
|
+
Pairs with [@radnine/claude-session-daemon](https://www.npmjs.com/package/@radnine/claude-session-daemon) which manages Claude CLI sessions.
|
|
6
|
+
|
|
7
|
+
## Quick Start
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install @radnine/storybook-addon-claude @radnine/claude-session-daemon
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
Register the addon in `.storybook/main.js`:
|
|
14
|
+
|
|
15
|
+
```js
|
|
16
|
+
export default {
|
|
17
|
+
addons: [
|
|
18
|
+
'@radnine/storybook-addon-claude',
|
|
19
|
+
// ... other addons
|
|
20
|
+
],
|
|
21
|
+
};
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
Start the daemon (see [@radnine/claude-session-daemon](https://www.npmjs.com/package/@radnine/claude-session-daemon) for full setup including Docker):
|
|
25
|
+
|
|
26
|
+
```bash
|
|
27
|
+
# Docker (recommended — Claude edits files without permission prompts)
|
|
28
|
+
docker compose up -d
|
|
29
|
+
|
|
30
|
+
# Or host mode
|
|
31
|
+
npx @radnine/claude-session-daemon start
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
Open Storybook and click the **Claude** tab in the addon panel to start chatting.
|
|
35
|
+
|
|
36
|
+
## Features
|
|
37
|
+
|
|
38
|
+
- Chat with Claude directly in the Storybook addon panel
|
|
39
|
+
- Claude sees the currently selected story as context
|
|
40
|
+
- Session persistence across page refreshes
|
|
41
|
+
- Auto-connects on localhost without auth token
|
|
42
|
+
- Tool use display (file edits, commands) with collapsible details
|
|
43
|
+
|
|
44
|
+
## Requirements
|
|
45
|
+
|
|
46
|
+
- Storybook 9+
|
|
47
|
+
- React 18 or 19
|
|
48
|
+
- A running `@radnine/claude-session-daemon` instance
|
|
49
|
+
|
|
50
|
+
## License
|
|
51
|
+
|
|
52
|
+
Proprietary. See [LICENSE](./LICENSE) for terms.
|
package/package.json
CHANGED