storybookjs/storybook
by Various
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
MCP
storybookjs/storybook
Added 27 Sept 2026
Overview
Storybook is an open-source workshop for building, documenting, and testing UI components in isolation. It provides a sandboxed environment where developers can develop components independently of the application, with support for multiple frontend frameworks. The project is written in TypeScript and is widely adopted as the industry standard for component development.
Best for
Best for
Frontend developers building and maintaining component libraries or design systems
Use cases
- Develop UI components in isolation without running the full app
- Document component libraries with interactive stories and usage examples
- Run visual and interaction tests on components across different states
How to use
Clients listed in this record (not verified here)
Continue
Notes
91,157 stars on GitHub. Last updated 2026-09-27. Licensed MIT.
Pros
- Industry standard with a large community and extensive ecosystem
- Framework-agnostic, supporting React, Vue, Angular, and others
- Enables visual testing and documentation in one workflow
Cons
- Can be heavy to configure and maintain in large projects
- Learning curve for advanced features like addons and theming
- Performance overhead when rendering many stories simultaneously
Pairs with
Other entries in the index that connect to this one. Click through to see the chain.
AI-by-design/primitiv
Various
The design system infrastructure keeping teams and agents in sync.
albertnahas/icogenie-mcp
Various
MCP server for IcoGenie - Enable AI agents to generate SVG icons programmatically
allxsmith/bestax
Various
A fully-typed React component library for the Bulma CSS framework. Build modern UIs quickly with reusable, accessible, and customizable Bulma-based React components.
aymericzip/intlayer
Various
Per-component Internationalisation solution for JS application. Type-Safe. Translate with AI. Edit Visually.
azer/react-analyzer-mcp
Various
MCP server for analyzing & generating docs for React code locally
Brand-System/brandsystem-mcp
Various
MCP server for progressive brand governance — extract, compile, and audit brand identity systems
childrentime/reactuse
Various
115+ production-ready React Hooks for sensors, UI, state & browser APIs. Tree-shakable, SSR-safe, TypeScript-first. Used by Shopee, PDD & Ctrip. Inspired by VueUse.
docsor1212/aesthete-agent
Various
Mechanically validated frontend aesthetics for AI agents: 89-palette evidence library, OKLCH generation, WCAG/APCA contrast, color-blind-safe data colors, AI-slop detection, theme
ejwhite7/brandkit-mcp
Various
Open-source MCP server that gives AI tools native access to your company's design system — drop in your brand files, connect to Claude or any LLM tool
ganapativs/microcharts
Various
Word-sized charts for React, made for LLMs and humans — 106 chart types, zero runtime dependencies, accessible by default, RSC-safe.
public-ui/kolibri
Various
The accessible HTML-Standard
Get the free Developer’s Field Guide
A 27-page field guide to the AI coding workflow with Claude. Claude Code, MCP servers, the prompt patterns that work, and what to delegate. Free.
Enter your work email. We send it straight over, plus a few short notes worth knowing. Unsubscribe any time.