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,372 servers. Updated
Search Relevance ↓
Recent Usage ↓
Date Added ↓
Date Updated ↓
Weekly Downloads ↓
GitHub Stars ↓
Recent GitHub Stars ↓
Matching MCP tools:
"Storybook" matching MCP servers:
- AlicenseBqualityBmaintenanceA Model Context Protocol (MCP) server for Storybook.248646MIT
Storybook MCPofficial
Alicense-qualityBmaintenanceEnables AI agents to interact with Storybook by exposing UI component information and development workflows through the Model Context Protocol.265MIT- Alicense-qualityDmaintenanceEnables AI agents to read and analyze local Storybook component specifications, including component listings, props, and source code examples.10ISC
- Flicense-qualityDmaintenanceMCP server to query and render the Doggie UI design system's Storybook documentation, enabling component search, URL rendering, and natural language questions.
- AlicenseBqualityDmaintenanceA Model Context Protocol server that integrates with Storybook to help AI tools query UI components and retrieve usage examples from static Storybook files.248621MIT
- Alicense-qualityDmaintenanceMCP server for automatic Storybook story generation, component analysis, and validation. Auto-detects React frameworks and syncs component documentation.631MIT
- Alicense-qualityCmaintenanceAn MCP server that enables AI assistants to browse Storybook components, manage stories, inspect props, and capture screenshots of components.5,80814AGPL 3.0
- AlicenseBqualityDmaintenanceGenerates children's storybook illustrations in multiple art styles (3D cartoon, watercolor, pixel art, hand drawn, claymation) with matching stories using Google's Gemini AI.186MIT
- 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.
- Alicense-qualityCmaintenanceThis server enables AI to match Figma design nodes with React components from Storybook and generate usage code examples, facilitating design-to-code workflows.486MIT
- 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
- AlicenseAqualityAmaintenanceEnables AI agents to render and screenshot isolated UI components instantly across multiple browsers without a dev server or Storybook.226601MIT
- FlicenseAqualityCmaintenanceAn MCP server that brings the Phenom Angular Design System into Claude Code and Cursor, enabling AI-assisted development with real-time access to component metadata, APIs, and documentation.7
- FlicenseAqualityDmaintenanceSyncs design tokens and components from Figma to a Design System codebase, enabling automated generation of React components and Storybook stories.5
- AlicenseAqualityBmaintenanceServer that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.910369MIT
- 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
Grafana UI MCP Serverofficial
AlicenseCqualityDmaintenanceProvides AI assistants with comprehensive access to Grafana's React component library, including TypeScript source code, MDX documentation, Storybook examples, test files, and design system tokens for building Grafana-compatible interfaces.1109MIT- AlicenseCqualityDmaintenanceThe Storyblok MCP server enables your AI assistants to directly access and manage your Storyblok spaces, stories, components, assets, workflows, and more.40PythonMIT