MCPVault

viewport

MCP tool from Storybook MCP Server by stefanoamorelli

(optional): Viewport dimensions

How to use it

viewport is exposed by the Storybook MCP Server MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the viewport 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_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

width

Viewport width in pixels