Storybook

Paket

Open-source workshop for building and documenting UI components

Fiyat: Free, open source
Erişim: None

Docs
MCP addon docs

Hakkında

Storybook is an open-source frontend workshop that renders UI components and pages in isolation for development, visual testing and documentation. An official addon runs an MCP server in the dev server so an agent can inspect components and generate stories.

Neler yapabilirsin

Build and preview UI components in isolation, outside your app
Document components with auto-generated docs and controls
Let an AI agent read components and generate stories via the MCP addon

Başlarken

Run npx storybook init in your project
Add the MCP addon with npx storybook add @storybook/addon-mcp

Örnek kod

npx storybook add @storybook/addon-mcp
# MCP server then runs at http://localhost:6006/mcp

Ayrıntılar

Barındırma: Kendi bilgisayarında
Kullanılabildiği yerler: Tüm dünya
Resmi SDK'lar: JavaScript/TypeScript
MCP sunucusu: Yerel sunucu