Does it require API keys or OAuth?

No. The MCP reads the static `index.json` file generated by your Storybook build. As long as the agent can reach the `STORYBOOK_URL` over the network, no additional authentication is needed.

Is the integration read-only?

Yes. The AI reads component metadata, props, and documentation from the static index. It cannot modify actual React, Vue, or Angular source files through this integration.

Which UI frameworks are supported?

Any framework supported by Storybook — React, Vue, Angular, Svelte, Web Components, and more. The MCP reads the universal `index.json` format, which is framework-agnostic.

Storybook MCP Server for OpenAI Agents SDK 6 tools — connect in under 2 minutes

Name: Storybook
Availability: InStock
Author: Vinkius

openai.github.io/openai-agents-python/mcp

Built by Vinkius GDPR 6 Tools SDK

The OpenAI Agents SDK enables production-grade agent workflows in Python. Connect Storybook through Vinkius and your agents gain typed, auto-discovered tools with built-in guardrails. no manual schema definitions required.

Get MCP Server for AI Agents

ASK AI ABOUT THIS MCP SERVER

Open in ChatGPT Open in Claude Open in Perplexity

Vinkius supports streamable HTTP and SSE.

python

import asyncio
from agents import Agent, Runner
from agents.mcp import MCPServerStreamableHttp

async def main():
    # Your Vinkius token. get it at cloud.vinkius.com
    async with MCPServerStreamableHttp(
        url="https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    ) as mcp_server:

        agent = Agent(
            name="Storybook Assistant",
            instructions=(
                "You help users interact with Storybook. "
                "You have access to 6 tools."
            ),
            mcp_servers=[mcp_server],
        )

        result = await Runner.run(
            agent, "List all available tools from Storybook"
        )
        print(result.final_output)

asyncio.run(main())

Fully ManagedVinkius Servers

60%Token savings

High SecurityEnterprise-grade

IAMAccess control

EU AI ActCompliant

DLPData protection

V8 IsolateSandboxed

Ed25519Audit chain

<40msKill switch

Stream every event to Splunk, Datadog, or your own webhook in real-time

* Every MCP server runs on Vinkius-managed infrastructure inside AWS - a purpose-built runtime with per-request V8 isolates, Ed25519 signed audit chains, and sub-40ms cold starts optimized for native MCP execution. See our infrastructure

About Storybook MCP Server

Seamlessly integrate your Storybook design system into your conversational AI workflows. Empower front-end engineers and designers to instantly query component libraries, retrieve prop signatures, and extract documentation paths natively within their terminal. By connecting your deployed Storybook instance directly to your AI context, you eliminate context switching, prevent duplicate UI implementations, and accelerate component-driven architecture development across your entire front-end ecosystem.

The OpenAI Agents SDK auto-discovers all 6 tools from Storybook through native MCP integration. Build agents with built-in guardrails, tracing, and handoff patterns. chain multiple agents where one queries Storybook, another analyzes results, and a third generates reports, all orchestrated through Vinkius.

What you can do

Design System Discovery — Systematically map your component folder structures invoking list_categories and browse all rendered elements across your UI utilizing list_components.
Component Inspection — Quickly lookup predefined interface elements utilizing search_components to avoid code duplication, and retrieve component properties and metadata via get_story_args.
Implementation Guidance — Extract local source code paths directly from the Storybook index using extract_docs_guidance to efficiently evaluate implementation logic.
Visual Previews — Generate interactive, isolated sandbox iframe endpoints by running get_preview_url to safely preview changes before integrating.

The Storybook MCP Server exposes 6 tools through the Vinkius. Connect it to OpenAI Agents SDK in under two minutes — no API keys to rotate, no infrastructure to provision, no vendor lock-in. Your configuration, your data, your control.

How to Connect Storybook to OpenAI Agents SDK via MCP

Follow these steps to integrate the Storybook MCP Server with OpenAI Agents SDK.

Install the SDK

Run pip install openai-agents in your Python environment

Replace the token

Replace [YOUR_TOKEN_HERE] with your Vinkius token from cloud.vinkius.com

Run the script

Save the code above and run it: python agent.py

Explore tools

The agent will automatically discover 6 tools from Storybook

Why Use OpenAI Agents SDK with the Storybook MCP Server

OpenAI Agents SDK provides unique advantages when paired with Storybook through the Model Context Protocol.

Native MCP integration via `MCPServerSse`, pass the URL and the SDK auto-discovers all tools with full type safety

Built-in guardrails, tracing, and handoff patterns let you build production-grade agents without reinventing safety infrastructure

Lightweight and composable: chain multiple agents and MCP servers in a single pipeline with minimal boilerplate

First-party OpenAI support ensures optimal compatibility with GPT models for tool calling and structured output

Storybook + OpenAI Agents SDK Use Cases

Practical scenarios where OpenAI Agents SDK combined with the Storybook MCP Server delivers measurable value.

Automated workflows: build agents that query Storybook, process the data, and trigger follow-up actions autonomously

Multi-agent orchestration: create specialist agents. one queries Storybook, another analyzes results, a third generates reports

Data enrichment pipelines: stream data through Storybook tools and transform it with OpenAI models in a single async loop

Customer support bots: agents query Storybook to resolve tickets, look up records, and update statuses without human intervention

Storybook MCP Tools for OpenAI Agents SDK (6)

These 6 tools become available when you connect Storybook to OpenAI Agents SDK via MCP:

extract_docs_guidance

Get guidance on how to read documentation for a component

get_preview_url

Generate the preview URL for a component sandbox

get_story_args

Get metadata and default arguments for a specific component

list_categories

g., Atoms, Molecules, Organisms). List the top-level categories and folder structure of the Design System

list_components

You can optionally filter by category folder. List all UI components available in the Storybook Design System

search_components

Search for specific components by name or keyword

Example Prompts for Storybook in OpenAI Agents SDK

Ready-to-use prompts you can give your OpenAI Agents SDK agent to start working with Storybook immediately.

"Search for Button components in my Storybook and show their props."

"List the categories in the design system and browse the components rendered."

"Extract the local source code paths from the index for the Navigation Bar component and generate an iframe preview."

Troubleshooting Storybook MCP Server with OpenAI Agents SDK

Common issues when connecting Storybook to OpenAI Agents SDK through the Vinkius, and how to resolve them.

MCPServerStreamableHttp not found

Ensure you have the latest version: pip install --upgrade openai-agents

Agent not calling tools

Make sure your prompt explicitly references the task the tools can help with.

Storybook + OpenAI Agents SDK FAQ

Common questions about integrating Storybook MCP Server with OpenAI Agents SDK.

How does the OpenAI Agents SDK connect to MCP?

Use MCPServerSse(url=...) to create a server connection. The SDK auto-discovers all tools and makes them available to your agent with full type information.