Storybook MCP Server

未认领

作者：stefanoamorelli

MCP server for Storybook - provides AI assistants access to components, stories, properties and screenshots. Built with TypeScript and Model Context Protocol SDK.

anthropicclaudeclaude-desktopcomponent-librarycomponent-testingdeveloper-toolsmcpmcp-servermodel-context-protocolpuppeteerscreenshot-testingstorybookstorybook-addontypescriptui-testingvisual-testing

安装

$npm install -g storybook-mcp-server

未认领列表

这个 MCP 服务器是你的吗？

此列表根据公开信息自动生成。认领后，你可以编辑页面、设置兼容性并解锁增长工具。全程不超两分钟。

认领此服务器

工具（11 个）

componentId

(optional): Filter stories by component ID

height

Viewport height in pixels

storybook_capture_all_screenshots

Captures screenshots of all stories.

storybook_capture_screenshot

Captures a screenshot of a specific story.

storybook_get_component_props

Gets the props/properties definition for a component.

storybook_get_story_details

Gets detailed information about a specific story.

storybook_list_components

Lists all components available in the Storybook instance.

storybook_list_stories

Lists all stories, optionally filtered by component.

storyId

(required): The ID of the story

viewport

(optional): Viewport dimensions

width

Viewport width in pixels