MCPVault

storybook_capture_screenshot

MCP tool from Storybook MCP Server by stefanoamorelli

Captures a screenshot of a specific story.

How to use it

storybook_capture_screenshot is exposed by the Storybook MCP Server MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the storybook_capture_screenshot tool becomes available to the model automatically. See the full listing for setup details and every tool this server provides.

Install Storybook MCP Server

$npm install -g storybook-mcp-server
FULL STORYBOOK MCP SERVER LISTING

Other tools in Storybook MCP Server (10)

componentId

(optional): Filter stories by component ID

height

Viewport height in pixels

storybook_capture_all_screenshots

Captures screenshots of all stories.

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