# simple-storybook-preview-mcp

> Use this tool when you need to streamline your development workflow by previewing Storybook components in real-time within your IDE. It solves the problem of manually switching between editor and preview, saving time and increasing productivity. The tool integrates with MCP Apps, taking in edited components as input and outputting a live preview.

Canonical page: https://skillsregistry.net/skills/matipojo-simple-storybook-preview-mcp  
JSON: https://api.skillsregistry.net/v1/skills/matipojo-simple-storybook-preview-mcp

## Description

Enables live preview of Storybook components inside the IDE as the AI edits them, using MCP Apps integration.

## Trust

- **Trust score (0–1):** 0.70
- **Verification tier:** verified
- **Last scanned:** 2026-09-03

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** api-integration
- **Updated:** 2026-09-03

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/skl6x6e867)
- **Repository:** <https://github.com/matipojo/simple-storybook-preview-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": "matipojo-simple-storybook-preview-mcp"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/matipojo-simple-storybook-preview-mcp` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/matipojo-simple-storybook-preview-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