@storybook/addon-mcp 0.0.4 → 0.0.5

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 CHANGED
@@ -1,12 +1,16 @@
1
1
  # Storybook MCP Addon
2
2
 
3
- This Storybook addon provides an MCP (Model Context Protocol) server, enabling AI agents to interact with your Storybook instance. The addon currently allows agents to get UI development instructions and retrieve story URLs directly from your running Storybook.
3
+ This Storybook addon runs an MCP (Model Context Protocol) server to help develop UI components more efficiently.
4
+
5
+ It enables a workflow where for each UI component created, the agent will automatically generate and link to example stories. These stories let you visually verify the new UI in each of its key states, and provide documentation and component tests.
6
+
7
+ The server currently exposes two tools: one to provide UI development instructions to the agent, and the other to retrieve story URLs directly from your runnng Storybook.
4
8
 
5
9
  > [!IMPORTANT]
6
10
  > This addon currently only supports Vite-based Storybook setups, such as [`@storybook/react-vite`](https://storybook.js.org/docs/get-started/frameworks/react-vite), [`@storybook/nextjs-vite`](https://storybook.js.org/docs/get-started/frameworks/nextjs#with-vite), and [`@storybook/sveltekit`](https://storybook.js.org/docs/get-started/frameworks/sveltekit).
7
11
 
8
12
  <div align="center">
9
- <img src="./addon-mcp-claude-code-showcase.gif" alt="Storybook MCP Addon Demo" />
13
+ <img src="https://storybook.js.org/embed/addon-mcp-claude-code-showcase.gif" alt="Storybook MCP Addon Demo" />
10
14
  </div>
11
15
 
12
16
  ## Getting Started
package/dist/preset.js CHANGED
@@ -16,7 +16,7 @@ var __export = (target, all) => {
16
16
  // package.json
17
17
  var package_default = {
18
18
  name: "@storybook/addon-mcp",
19
- version: "0.0.4"};
19
+ version: "0.0.5"};
20
20
 
21
21
  // node_modules/.pnpm/zod@3.25.76/node_modules/zod/v3/external.js
22
22
  var external_exports = {};
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@storybook/addon-mcp",
3
- "version": "0.0.4",
4
- "description": "everything you need to build a Storybook addon",
3
+ "version": "0.0.5",
4
+ "description": "Help agents automatically write and test stories for your UI components",
5
5
  "keywords": [
6
- "storybook-addons",
6
+ "storybook-addon",
7
7
  "mcp",
8
8
  "ai"
9
9
  ],