# storybook-mcp

> Use this tool when you need to integrate AI-powered coding tools with Storybook, enabling them to browse, inspect, and scaffold components using natural language inputs, and generating code outputs to streamline development workflows in component-driven projects. It solves problems of manual component discovery and implementation, and is ideal for use cases where automated coding assistance is required. The tool accepts natural language inputs and produces scaffolded component code as output.

Canonical page: https://skillsregistry.net/skills/stevebrownlee-storybook-mcp  
JSON: https://api.skillsregistry.net/v1/skills/stevebrownlee-storybook-mcp

## Description

Integrates with a running Storybook instance to let AI-powered coding tools browse, inspect, and scaffold components from natural language.

## Trust

- **Trust score (0–1):** 0.60
- **Verification tier:** unverified

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** other
- **Updated:** 2026-06-12

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/la1gjbtdo0)
- **Repository:** <https://github.com/stevebrownlee/storybook-mcp>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "stevebrownlee-storybook-mcp"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/stevebrownlee-storybook-mcp` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/stevebrownlee-storybook-mcp/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt