A
licenseA
qualityD
maintenanceIntegrates with a running Storybook instance to let AI-powered coding tools browse, inspect, and scaffold components from natural language.
4
MIT
72,396 servers. Updated
Search Relevance ↓
Recent Usage ↓
Date Added ↓
Date Updated ↓
Weekly Downloads ↓
GitHub Stars ↓
Recent GitHub Stars ↓
Matching MCP tools:
"Storybook" matching MCP servers:
Storybook MCPofficial
Alicense-qualityBmaintenanceEnables AI agents to interact with Storybook by exposing UI component information and development workflows through the Model Context Protocol.265MIT- Flicense-qualityDmaintenanceMCP server to query and render the Doggie UI design system's Storybook documentation, enabling component search, URL rendering, and natural language questions.
- Alicense-qualityDmaintenanceMCP server for automatic Storybook story generation, component analysis, and validation. Auto-detects React frameworks and syncs component documentation.631MIT
- Alicense-qualityDmaintenanceEnables live preview of Storybook components inside the IDE as the AI edits them, using MCP Apps integration.61MIT
- Flicense-qualityCmaintenanceAn MCP server that brings an Angular design system built on Storybook into AI tools like Claude and Cursor, providing real-time access to component metadata, APIs, and documentation.
- AlicenseAqualityAmaintenanceEnables AI agents to render and screenshot isolated UI components instantly across multiple browsers without a dev server or Storybook.226601MIT
- FlicenseAqualityDmaintenanceSyncs design tokens and components from Figma to a Design System codebase, enabling automated generation of React components and Storybook stories.5
- Alicense-qualityAmaintenanceMCP server for Angular 19+ development, providing PR review, code scaffolding, modernization audits, and Storybook guidance.MIT
- Flicense-qualityDmaintenanceA standalone MCP server that provides AI assistants with comprehensive access to BrowserStack's design system components, enabling component search, detailed prop analysis, and usage examples from Storybook.
- AlicenseAqualityAmaintenanceDesign contract layer for AI agents. Scans Figma, code, Storybook, and token files, reconciles conflicts, and serves a single machine-readable source of truth so every agent gets the same authoritative design rules before it builds. Local-first.682318Apache 2.0
- FlicenseBqualityDmaintenanceEnables comprehensive UI/UX development workflows through integrated tools for component development with Storybook, Tailwind CSS styling, Framer Motion/GSAP animations, Playwright testing, and automated design system generation. Provides end-to-end automation for visual regression testing, accessibility compliance, and UX optimization analysis.122