Storybook
Storybook (storybook)
Storybook is the industry-standard frontend workshop for building, documenting, and testing UI components in isolation. It supports React, Vue, Angular, Svelte, Web Components, and other frameworks. Developers write stories capturing component states, use addons for interaction testing, accessibility auditing, visual testing, and design integration, and publish component documentation for design systems. Storybook 10+ includes an MCP server enabling AI agents to understand components, generate stories, and run tests.
URL: Visit APIs.json URL
Scope
- Type: Index
- Position: Consumer
- Access: 3rd-Party
Tags
- Accessibility Testing
- Component Documentation
- Component Testing
- Design Systems
- Frontend Development
- Open Source
- React
- UI Components
- Visual Testing
Timestamps
- Created: 2025-01-08
- Modified: 2026-05-02
APIs
Storybook
Open-source frontend workshop for building UI components and pages in isolation. Core features include Component Story Format (CSF), interactive controls, documentation generation, interaction testing, and accessibility testing.
Human URL: https://storybook.js.org/
Tags
- Accessibility Testing, Component Documentation, Component Testing, Design Systems, Frontend Development, Open Source, UI Components, Visual Testing
Properties
Storybook MCP Server
MCP server enabling AI agents to interact with a running Storybook instance. Exposes tools for listing documentation, accessing component metadata, previewing stories, and running tests.
Human URL: https://storybook.js.org/docs/ai/mcp/overview
Tags
- AI, Component Testing, MCP, Model Context Protocol, Open Source, React
Properties
Artifacts
JSON Schemas
| File | Description |
|---|---|
| storybook-story-schema.json | JSON Schema for CSF story objects |
| storybook-component-meta-schema.json | JSON Schema for CSF default export (meta) |
JSON Structure
| File | Description |
|---|---|
| storybook-csf-structure.json | Component Story Format file structure documentation |
JSON-LD
| File | Description |
|---|---|
| storybook-context.jsonld | JSON-LD context for Storybook component vocabulary |
Examples
| File | Description |
|---|---|
| storybook-button-story-example.json | Button component story example in CSF format |
| storybook-mcp-list-documentation-example.json | MCP tool call to list Storybook documentation |
Vocabulary
| File | Description |
|---|---|
| storybook-vocabulary.yml | Domain vocabulary for stories, testing, addons, and MCP |
Common Properties
Maintainers
FN: Kin Lane
Email: kin@apievangelist.com
